Skip to content

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

Open
@jhung

Description

@jhung

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

Metadata

Metadata

Assignees

Labels

bugSomething isn't workinghelp wantedExtra attention is needed

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions