Open
Description
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:
- In a Chromium browser (Edge or Chrome) go to: https://pinecone.netlify.app/components/preview/radio-buttons--default.html
- Tab focus to the radio group.
- Select the radio with Spacebar.
- Use cursor key to move selection to next radio button.
- 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
Desktop:
- OS: Windows 10
- Browser: Edge