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

Side Dialog doesn't get focus #1589

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

Originally created by @mhartman-msft on GitHub (Jan 31, 2025).

Describe the bug
When using the dialog components, the focus moves to the dialog and stays within it until the dialog is closed. Except when the dialog is used as a side dialog.

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'https://blazor.radzen.com/dialog?theme=software#side-dialog'
  2. Click on 'Dialog on Side'
  3. Use tab key to change focussed element
  4. Elements in the background page are focussed instead of those in the dialog.

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

Expected behavior
When using the Side Dialog, focus needs to move and stay within it (accessibility). Same as in example "Open page as a dialog"

Desktop (please complete the following information):

  • OS: Windows 11
  • Browser: Edge
  • Version: 132
Originally created by @mhartman-msft on GitHub (Jan 31, 2025). <!-- IMPORTANT: Read this first!!! 1. If you own a Radzen Professional or Еnterprise subscription you can report your issue or ask us a question via email at info@radzen.com. Radzen staff will reply within 24 hours (Professional) or 16 hours (Enterprise) 2. The Radzen staff guarantees a response to issues in this repo only to paid subscribers. 3. If you have a HOW TO question start a new forum thread in the Radzen Community forum: https://forum.radzen.com. Radzen staff will close issues that are HOWTO questions. 4. Please adhere to the issue template. Specify all the steps required to reproduce the issue or link a project which reproduces it easily (without requiring extra steps such as restoring a database). --> **Describe the bug** When using the dialog components, the focus moves to the dialog and stays within it until the dialog is closed. Except when the dialog is used as a side dialog. **To Reproduce** Steps to reproduce the behavior: 1. Go to 'https://blazor.radzen.com/dialog?theme=software#side-dialog' 2. Click on 'Dialog on Side' 3. Use tab key to change focussed element 4. Elements in the background page are focussed instead of those in the dialog. Alternatively link your repo with a sample project that can be run. **Expected behavior** When using the Side Dialog, focus needs to move and stay within it (accessibility). Same as in example "Open page as a dialog" **Desktop (please complete the following information):** - OS: Windows 11 - Browser: Edge - Version: 132
claunia commented 2026-01-29 17:55:47 +00:00
Author
Owner
Copy Link

@enchev commented on GitHub (Jan 31, 2025):

SideDialogOptions AutoFocusFirstElement is set to false by default - feel free to turn it on when needed:
ff846e0cc1/Radzen.Blazor/DialogService.cs (L541)

@enchev commented on GitHub (Jan 31, 2025): SideDialogOptions AutoFocusFirstElement is set to false by default - feel free to turn it on when needed: https://github.com/radzenhq/radzen-blazor/blob/ff846e0cc1d748067faf7317dc3a988c3d0e3e2b/Radzen.Blazor/DialogService.cs#L541
claunia commented 2026-01-29 17:55:48 +00:00
Author
Owner
Copy Link

@mhartman-msft commented on GitHub (Jan 31, 2025):

Thanks for the quick reply. Didn't look in the code itself, only checked the docs page. Will have a look more in the code.

@mhartman-msft commented on GitHub (Jan 31, 2025): Thanks for the quick reply. Didn't look in the code itself, only checked the docs page. Will have a look more in the code.
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#1589
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?