Issue with DropDown behaviour on item selection

Radzen.Blazor Components
1

Hello,
I have noticed 2 behaviour issues in DropDown component when AllowFiltering is set to true. You can reproduce behaviour in demo URL too Blazor DropDown Component - Filtering | Free UI Components by Radzen

  1. After dropdown selection, tab should be focused on next element.
    a. Open Dropdown menu
    b. Type the text to filter for ex. "Around"
    c. Down arrow to select the item
    d. Enter and the item appears as Selected value
    e. Press the tab and focus goes to Chrome navigation items instead of next element on the page.

  2. If OpenonFocus is set to true along with Filtering, dropdown doesn't close after selection.
    a. When Dropdown is in focus, it opens the dropdown items
    b. Type the text to filter the items
    c. Down arrow to select the item
    d. Enter and the item appears as selected value
    e. Dropdown remains open

I am using Standard theme with default css and latest nuget package(7.0.6)

I tried same behaviour using RadzenDropDownDataGrid and it seems to be working perfectly both tab navigation and close the dropdown on selection.
My page might have lot of dropdown and using DropDownDataGrid might be heavy and affect the performance.

I also read comment about dropdown issue recently here
RadzenDropdown doesn't close upon selection (**solved**) and it could be related. I tried removing onChange event or anything else that might be affecting but it doesn't help.

Does anyone has faced this issue and any work around?

2

Can anyone from Radzen team can please acknowledge the issue and if any plan to fix it?

3

The problem is recognized however we don't know how to fix it:

Feel free to submit pull request if you have a fix.

4

Thank you for acknowledging the issue and sharing the link to the open ticket. For now, I’ll switch to using the DropDownDataGrid component, as both keyboard navigation and filtering are important for my users.