Strange Tabbing behaviour on some varieties of RadzenDropDown #939

New Issue

claunia · 2026-01-29T17:46:36Z

claunia commented

2026-01-29 17:46:36 +00:00

Originally created by @mkrso on GitHub (Jul 25, 2023).

Describe the bug
When tabbing out of a RadzenDropdown, the focus moves to an unexpected control (a control that belongs to the browser, not to the web page)

To Reproduce
Steps to reproduce the behavior:

In Chrome or Edge, go to https://blazor.radzen.com/dropdown-custom-objects
Click on "Virtualization","Filtering", "Grouping" or "Custom Object Bindings" in the left side navigation menu
Click on the first dropdown of the page (so that it expands)
Press the Tab key on the keyboard
Note that the focus has moved to an element of the browser window (in my case, the "Search Tabs" button on the top right corner of the Chrom window title)

Expected behavior
The focus should move to the next element on the page.
Note: For some reason the "Single selection" and "Multiple selection" examples show the expected behavior

Desktop (please complete the following information):

OS: Windows 11 22H2
Browser Chrome 114.0.5735.199, Edge 115.0.1901.183

Originally created by @mkrso on GitHub (Jul 25, 2023). **Describe the bug** When tabbing out of a RadzenDropdown, the focus moves to an unexpected control (a control that belongs to the browser, not to the web page) **To Reproduce** Steps to reproduce the behavior: 1. In Chrome or Edge, go to https://blazor.radzen.com/dropdown-custom-objects 2. Click on "Virtualization","Filtering", "Grouping" or "Custom Object Bindings" in the left side navigation menu 3. Click on the first dropdown of the page (so that it expands) 4. Press the Tab key on the keyboard 5. Note that the focus has moved to an element of the browser window (in my case, the "Search Tabs" button on the top right corner of the Chrom window title) **Expected behavior** The focus should move to the next element on the page. Note: For some reason the "Single selection" and "Multiple selection" examples show the expected behavior **Desktop (please complete the following information):** - OS: Windows 11 22H2 - Browser Chrome 114.0.5735.199, Edge 115.0.1901.183

claunia commented

2026-01-29 17:46:37 +00:00

@mkrso commented on GitHub (Jul 3, 2024):

I've just checked again; this is still happening in 4.33.2

@mkrso commented on GitHub (Jul 3, 2024): I've just checked again; this is still happening in 4.33.2

claunia commented

2026-01-29 17:46:37 +00:00

@jakubiszon commented on GitHub (Dec 27, 2024):

The same problem can be reproduced without the dropdown:

go to the /datagrid-simple-filter example page
click the calendar icon in the Birth Date column
focus on any element and keep pressing tab until you pass the Apply button
same effect is observed

That problem described is also present in firefox which handles the dropdown-popup better than chrome does.

I believe this is caused by the way the popups are rendered. They are placed as the last element in the DOM tree and using tab loops "behind the page". If I understand it correctly, there is no easy fix.

@jakubiszon commented on GitHub (Dec 27, 2024): The same problem can be reproduced without the dropdown: - go to the `/datagrid-simple-filter` example page - click the calendar icon in the *Birth Date* column - focus on any element and keep pressing tab until you pass the *Apply* button - same effect is observed That problem described is also present in firefox which handles the dropdown-popup better than chrome does. I believe this is caused by the way the popups are rendered. They are placed as the last element in the DOM tree and using tab loops "behind the page". If I understand it correctly, there is no easy fix.

claunia referenced this issue

2026-01-29 18:18:49 +00:00

[PR #971] [MERGED] DatePicker: handle AM/PM consistently #2435

claunia referenced this issue

2026-01-29 18:18:50 +00:00

[PR #971] DatePicker: handle AM/PM consistently #2439

Sign in to join this conversation.