Describe the bug
When navigating using the keyboard (Tab/Enter), the Close button inside the dialog and the remaining cards following the dialog are skipped in the tab order.
Steps to reproduce the behavior:
- Navigate to https://makecode.microbit.org/beta.
- Press Tab to move focus to any card containing actions such as:
- Blocks/Python/JavaScript Start Tutorial
- Open in Editor
- Blocks Open Example
- Press Enter to open the Details dialog.
- Continue tabbing until focus reaches the last button inside the dialog.
- Press Tab again and observe the next focus target.
Actual behavior
Close button inside the dialog and the remaining cards following the dialog are skipped in the tab order. And move focus to the first card of the next category.
Expected behavior
Close button in the details dialog and the remain cards should be reachable via sequential Tab navigation.
Screen Recording
https://github.com/user-attachments/assets/9d9b6bf3-12b1-49ef-b949-5614151d591d
Additional context
1.OS: Windows 11 25H2
2.Browser: Chrome, Edge, and Firefox
3.makecode.microbit.org version: 8.1.15
4.Microsoft MakeCode version: 12.3.10
Describe the bug
When navigating using the keyboard (Tab/Enter), the Close button inside the dialog and the remaining cards following the dialog are skipped in the tab order.
Steps to reproduce the behavior:
Actual behavior
Close button inside the dialog and the remaining cards following the dialog are skipped in the tab order. And move focus to the first card of the next category.
Expected behavior
Close button in the details dialog and the remain cards should be reachable via sequential Tab navigation.
Screen Recording
https://github.com/user-attachments/assets/9d9b6bf3-12b1-49ef-b949-5614151d591d
Additional context
1.OS: Windows 11 25H2
2.Browser: Chrome, Edge, and Firefox
3.makecode.microbit.org version: 8.1.15
4.Microsoft MakeCode version: 12.3.10