starred/radzen-blazor
1
0
Fork 0
mirror of https://github.com/radzenhq/radzen-blazor.git synced 2026-02-04 05:35:44 +00:00
Code Issues 1.3k Packages Projects Releases 22 Wiki Activity

Incorrect focus order is observed for navigation list that appears after activating Hamburger menu icon. #1113

New Issue
Closed
opened 2026-01-29 17:49:07 +00:00 by claunia · 2 comments
claunia commented 2026-01-29 17:49:07 +00:00
Owner
Copy Link

Originally created by @msftedad on GitHub (Feb 6, 2024).

Describe the bug
After the hamburger menu icon using tab key, the focus does not land on the Search list item inside the navigation list. Instead, it moves to header region the page.
Keyboard users will be impacted here as they will not be able to navigate properly if the focus order defined for the navigation list is incorrect.

To Reproduce
Steps to reproduce the behavior:
1.Open URL in edge dev browser.
2.Navigate the Hamburger menu icon button and activate it.
3.Hamburger menu button will be expended.
4.Navigate to the page in forward navigation using tab key.
5.Observe the issue.

Alternatively link your repo with a sample project that can be run.
URL

Expected behavior
Once the user activates the hamburger menu icon and navigates further, focus should first move inside the navigation list and then move to the header region.

Screenshots
image

Desktop (please complete the following information):
OS Build: Windows 11 Enterprise 22H2 (25267.1250)
Edge Dev Browser: Version 111.0.1652.0 (Official build) dev (64-bit)

Attachment
https://github.com/radzenhq/radzen-blazor/assets/93735775/37288e82-a916-484d-ae43-645019378434

Originally created by @msftedad on GitHub (Feb 6, 2024). **Describe the bug** After the hamburger menu icon using tab key, the focus does not land on the Search list item inside the navigation list. Instead, it moves to header region the page. Keyboard users will be impacted here as they will not be able to navigate properly if the focus order defined for the navigation list is incorrect. **To Reproduce** Steps to reproduce the behavior: 1.Open [URL](https://blazor.radzen.com/panelmenu) in edge dev browser. 2.Navigate the Hamburger menu icon button and activate it. 3.Hamburger menu button will be expended. 4.Navigate to the page in forward navigation using tab key. 5.Observe the issue. Alternatively link your repo with a sample project that can be run. [URL](https://blazor.radzen.com/panelmenu) **Expected behavior** Once the user activates the hamburger menu icon and navigates further, focus should first move inside the navigation list and then move to the header region. **Screenshots** ![image](https://github.com/radzenhq/radzen-blazor/assets/93735775/5d43dadd-cb1a-48d8-94b0-d4f59d7b19b2) **Desktop (please complete the following information):** OS Build: Windows 11 Enterprise 22H2 (25267.1250) Edge Dev Browser: Version 111.0.1652.0 (Official build) dev (64-bit) **Attachment** https://github.com/radzenhq/radzen-blazor/assets/93735775/37288e82-a916-484d-ae43-645019378434
claunia commented 2026-01-29 17:49:08 +00:00
Author
Owner
Copy Link

@enchev commented on GitHub (Feb 19, 2024):

Once the user activates the hamburger menu icon and navigates further, focus should first move inside the navigation list and then move to the header region.

No. The navigation order is according to the order of the declaration/render of the focusable HTML elements. There is no special order made for the navigation menu in our demos.

@enchev commented on GitHub (Feb 19, 2024): > Once the user activates the hamburger menu icon and navigates further, focus should first move inside the navigation list and then move to the header region. No. The navigation order is according to the order of the declaration/render of the focusable HTML elements. There is no special order made for the navigation menu in our demos.
claunia commented 2026-01-29 17:49:08 +00:00
Author
Owner
Copy Link

@msftedad commented on GitHub (Jul 31, 2025):

Hi @enchev, After activating the Hamburger menu button, a pane opens on the left side. However, when pressing the Tab key, the focus moves to the next control in the header section instead of shifting to the controls within the Hamburger menu list in the left pane.
Can you please reopen the issue?

@msftedad commented on GitHub (Jul 31, 2025): Hi @enchev, After activating the Hamburger menu button, a pane opens on the left side. However, when pressing the Tab key, the focus moves to the next control in the header section instead of shifting to the controls within the Hamburger menu list in the left pane. Can you please reopen the issue?
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
enhancement
good first issue
pull-request
Mirrored from GitHub Pull Request
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
claunia
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#1113
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?