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.

Sign up for GitHub

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

Jump to bottom

DropdownMenu: Disabled dropdown can still be opened with screen reader #3512

Closed
MargaritaBusyginaCa opened this issue Jan 10, 2023 · 1 comment
Closed

DropdownMenu: Disabled dropdown can still be opened with screen reader #3512

MargaritaBusyginaCa opened this issue Jan 10, 2023 · 1 comment
Assignees
@mertsincan
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone
3.22.0

Comments

@MargaritaBusyginaCa
Copy link

MargaritaBusyginaCa commented Jan 10, 2023 •
edited

Describe the bug

The disabled menu can be expanded and the options can be selected even when the disabled prop is set to true. This bug only happens with a screen reader (in my case, VoiceOver on Mac).

Screen Shot 2023-01-10 at 12 08 43 PM

Reproducer

https://codesandbox.io/s/admiring-wilson-8orq7w?file=/src/App.vue

PrimeVue version

3.21.0

Vue version

3.x

Language

ALL

Build / Runtime

Vue CLI App

Browser(s)

No response

Steps to reproduce the behavior

  1. go to the code playground.
  2. open your screen reader
  3. tab on the heading, so the screen reader selects it and then tab to the dropdown field (on Mac press Shift+CTRL+Option+right arrow)
    Screen Shot 2023-01-10 at 12 18 54 PM
    Screen Shot 2023-01-10 at 12 19 46 PM

Expected behavior

The disabled dropdown will be opened with a screen reader, it will be possible to select options and close the menu.
@MargaritaBusyginaCa MargaritaBusyginaCa added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Jan 10, 2023
@mertsincan mertsincan self-assigned this Jan 10, 2023
@mertsincan mertsincan added this to the 3.22.0 milestone Jan 10, 2023
@mertsincan mertsincan added Status: Pending Review Issue or pull request is being reviewed by Core Team Type: Bug Issue contains a bug related to a specific component. Something about the component is not working and removed Status: Pending Review Issue or pull request is being reviewed by Core Team Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Jan 10, 2023
@mertsincan
Copy link
Member

mertsincan commented Jan 11, 2023 •
edited

Affected components;

  • Dropdown
  • AutoComplete
  • MultiSelect
  • CascadeSelect

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@mertsincan mertsincan

Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Projects
None yet
Milestone
3.22.0
Development

No branches or pull requests
2 participants
@mertsincan @MargaritaBusyginaCa