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

Chromium: Active style persisting on radio input that no longer has focus #314

Open
jhung opened this issue Apr 17, 2020 · 0 comments
Open
Assignees
Labels
bug Something isn't working help wanted Extra attention is needed
Milestone

Comments

@jhung
Copy link
Contributor

jhung commented Apr 17, 2020

Describe the bug

Using the keyboard, it is possible to initially select a radio button, change focus to another radio button, and have the radio button active state visually persist on the previously selected radio.

To Reproduce

Steps to reproduce the behavior:

  1. In a Chromium browser (Edge or Chrome) go to: https://pinecone.netlify.app/components/preview/radio-buttons--default.html
  2. Tab focus to the radio group.
  3. Select the radio with Spacebar.
  4. Use cursor key to move selection to next radio button.
  5. Notice that active style remains on the previously selected radio.

Expected behavior

The previous radio button should not appear active if focus has moved to another radio since moving focus on a radio should move active and select state to the focused item.

Firefox has the correct behaviour.

Screenshots

image

Desktop:

  • OS: Windows 10
  • Browser: Edge
@jhung jhung added the bug Something isn't working label Apr 17, 2020
@greatislander greatislander added the help wanted Extra attention is needed label Aug 5, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests

2 participants