-
Notifications
You must be signed in to change notification settings - Fork 802
Description
Describe the bug
When a RadioButton is disabled while being selected, the Tab navigation gets interrupted. The keyboard focus does not move to the next (or previous, in case of using "shift + tab") interactive element after (or before, in case of using "shift + tab") the disabled RadioButton, making it impossible to navigate properly through the components in the screen.
Additionally, the other enabled RadioButtons in the same group do not receive keyboard focus, making it impossible to select them using the keyboard, even though they can still be selected with the mouse.
Check the video below.
-
Pressing Tab from Button 2 does not move focus to Button 3.
-
Pressing Shift + Tab from Button 3 does not move focus back to Button 2.
-
The other enabled RadioButtons do not receive focus via keyboard navigation (Tab or Arrow keys), but they can still be selected with the mouse
20250217_154913.mp4
Steps to reproduce the bug
- Add one or more elements to a page.
- Add a RadioButtons group in the middle, containing some RadioButton elements.
- Add one or more elements after the RadioButtons.
- Select one RadioButton.
- Disable the selected RadioButton.
- Try navigating using the Tab and Shift + Tab keys between elements before and after the RadioButtons.
Expected behavior
-
Tab navigation should not be blocked by the disabled RadioButton.
-
Users should be able to navigate past the disabled RadioButton to the next available focusable element
OR
- The enabled RadioButtons should be focusable and selectable using the keyboard
Screenshots
No response
NuGet package version
None
Windows version
Windows 11 (24H2): Build 26100
Additional context
No response