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:
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
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