Completed
Last Updated: 28 Sep 2023 14:41 by ADMIN
Release 4.6.0 (11 Oct 2023) (R3 2023)
Ricardo
Created on: 29 Aug 2023 16:13
Category: DropDownList
Type: Bug Report
0
Using DropDownList with Filter enabled will lost track of Focus when an item from dropdown is selected or tabbing away from filter input

Using DropDownList with Filter enabled will lost track of Focus when an item from dropdown is selected or tabbing away from filter input.

Steps to reproduce:

  1. Open a DropDownList with filter enabled
  2. Press TAB

Expected Behavior:

Focus in the next focusable element

Actual Behavior:

Focus is lost, and will go to the browser buttons

It is possible to reproduce in the demos:

https://demos.telerik.com/blazor-ui/dropdownlist/filtering

1 comment
ADMIN
Dimo
Posted on: 01 Sep 2023 07:54

Hi Ricardo,

Hm, that's an interesting catch. It occurs, because the popup with the list items is rendered at the root of the application, which is basically near the closing </body> tag. A tab from there is indeed doomed to go to the wrong place, unless we intercept it.

The fix is to focus back the DropDownList component itself when you tab from the filtering textbox or select an item from the dropdown. I am converting your ticket to a public bug report and I am awarding you some Telerik points for reporting it.

Perhaps the best workaround is to switch to a filterable ComboBox with AllowCustom="false" (which is by default). In this case the filtering textbox is not in a popup.

    Regards,
    Dimo
    Progress Telerik

    Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources!