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

ToggleButton: focus-visible not triggered by keyboard navigation #2997

Closed
ian4uia opened this issue Sep 20, 2022 · 0 comments
Closed

ToggleButton: focus-visible not triggered by keyboard navigation #2997

ian4uia opened this issue Sep 20, 2022 · 0 comments
Assignees
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone

Comments

@ian4uia
Copy link

ian4uia commented Sep 20, 2022

Describe the bug

When you use the tab key to navigate to a ToggleButton, there is no visible indication that the button has focus.

You can reproduce this by navigating the https://www.primefaces.org/primevue/togglebutton documentation page via keyboard.

Reproducer

No response

PrimeVue version

3.17.0

Vue version

3.x

Language

TypeScript

Build / Runtime

Nuxt

Browser(s)

No response

Steps to reproduce the behavior

  1. Go to https://www.primefaces.org/primevue/togglebutton
  2. Click the Documentation tab followed by shift tab to navigate back to the Customized ToggleButton example.
  3. There is no visible sign that the ToggleButton has focus. Press the spacebar to verify that the button does indeed have focus.

Expected behavior

When you navigate to a ToggleButton using the keyboard the focus-visible style should be applied so that the user can see that the element has focus.

@ian4uia ian4uia added the Type: Bug Issue contains a bug related to a specific component. Something about the component is not working label Sep 20, 2022
@tugcekucukoglu tugcekucukoglu added this to the 3.17.1 milestone Sep 26, 2022
@tugcekucukoglu tugcekucukoglu self-assigned this Sep 26, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Projects
None yet
Development

No branches or pull requests

2 participants