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

Dialog tab order #1289

New Issue
Closed
opened 2026-01-29 17:51:40 +00:00 by claunia · 4 comments
claunia commented 2026-01-29 17:51:40 +00:00
Owner
Copy Link

Originally created by @agilitylab on GitHub (Jul 9, 2024).

You can tab from "confirm" to "cancel" button in dialogs but cannot tab through "close" button. Also, tab order doesn't wrap e.g. when you get to the end of the tab sequence, it stops tabbing although you can go back the way using Shift+Tab.

These have been flagged by our QA team as accessibility issues.

Steps to reproduce the behaviour:

  1. Go to Radzen Confirm Dialog
  2. Click on "Confirm dialog" button
  3. Try tabbing
  4. Observe behaviour

Expected behaviour is being able to cycle focus through close, confirm and cancel buttons in the dialog using the tab button (as is the case with blazorise modal - see Blazorise Modal component

Originally created by @agilitylab on GitHub (Jul 9, 2024). You can tab from "confirm" to "cancel" button in dialogs but cannot tab through "close" button. Also, tab order doesn't wrap e.g. when you get to the end of the tab sequence, it stops tabbing although you can go back the way using Shift+Tab. These have been flagged by our QA team as accessibility issues. Steps to reproduce the behaviour: 1. Go to [Radzen Confirm Dialog](https://blazor.radzen.com/dialog#confirm-dialog) 2. Click on "Confirm dialog" button 3. Try tabbing 4. Observe behaviour Expected behaviour is being able to cycle focus through close, confirm and cancel buttons in the dialog using the tab button (as is the case with blazorise modal - see [Blazorise Modal component](https://blazorise.com/docs/components/modal)
claunia commented 2026-01-29 17:51:41 +00:00
Author
Owner
Copy Link

@enchev commented on GitHub (Jul 10, 2024):

I'll push update on the focus logic to allow cycle between first and last elements in the dialog content however this will not include the elements in the title (the close button is there), still I've enabled ENTER and SPACE keys to be used to close the dialog if pressed over close button. You can close the dialog using ESC key.

@enchev commented on GitHub (Jul 10, 2024): I'll push update on the focus logic to allow cycle between first and last elements in the dialog content however this will not include the elements in the title (the close button is there), still I've enabled ENTER and SPACE keys to be used to close the dialog if pressed over close button. You can close the dialog using ESC key.
claunia commented 2026-01-29 17:51:41 +00:00
Author
Owner
Copy Link

@agilitylab commented on GitHub (Jul 10, 2024):

Thank you!

@agilitylab commented on GitHub (Jul 10, 2024): Thank you!
claunia commented 2026-01-29 17:51:41 +00:00
Author
Owner
Copy Link

@agilitylab commented on GitHub (Jul 11, 2024):

Any future plans to enable cycling through the close button in the title as well as the dialog content elements?

@agilitylab commented on GitHub (Jul 11, 2024): Any future plans to enable cycling through the close button in the title as well as the dialog content elements?
claunia commented 2026-01-29 17:51:41 +00:00
Author
Owner
Copy Link

@enchev commented on GitHub (Jul 11, 2024):

We will try to enable this however we are not sure if we will be able.

@enchev commented on GitHub (Jul 11, 2024): We will try to enable this however we are not sure if we will be able.
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#1289
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?