Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dropdow: Default value (visibility) disappears after selecting dropdown with tab key #7429

Open
cyril-adjilani opened this issue Nov 18, 2024 · 0 comments
Labels
Component: Accessibility Issue or pull request is related to WCAG or ARIA Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible

Comments

@cyril-adjilani
Copy link

cyril-adjilani commented Nov 18, 2024

Describe the bug

When going out of focus from a dropdown with default value. Visibility of text disappears then goes back upon pressing tab again. im using react-hook-form to set default value

bug2.mp4

Reproducer

https://stackblitz.com/edit/vitejs-vite-a32aet?file=src%2FApp.tsx

System Information

{
  "name": "vite-react-typescript-starter",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "tsc && vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "primeflex": "^3.3.1",
    "primeicons": "^6.0.1",
    "primereact": "latest",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-hook-form": "^7.53.2"
  },
  "devDependencies": {
    "@types/react": "latest",
    "@types/react-dom": "latest",
    "@vitejs/plugin-react": "latest",
    "typescript": "latest",
    "vite": "latest"
  }
}

Steps to reproduce the behavior

  1. click first input text
  2. press tab to go to the first dropdown
  3. press tab again to the next dropdown (first dropdown default value disappears)
  4. press tab again to go to last input text (2nd dropdown default value disappears)

Expected behavior

The text of default selected value should not disappear

@cyril-adjilani cyril-adjilani added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Nov 18, 2024
@melloware melloware added Component: Accessibility Issue or pull request is related to WCAG or ARIA and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Nov 18, 2024
@github-actions github-actions bot added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Nov 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Component: Accessibility Issue or pull request is related to WCAG or ARIA Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible
Projects
None yet
Development

No branches or pull requests

2 participants