Filtered options - Select All and Search Input

[JillaSridatta]

Hi Team,

I recently reviewed the code sandbox to preview the dropdown functionality. After going through the preview, I would like to report a bug and provide a suggestion.

Bug: I enabled the “Custom dropdown renderer” feature along with the multi-select option. Upon enabling it, I was given the following options:
a. Select All button
b. Input in the dropdown which displays the search text.

I entered a search key, and the values were filtered accordingly. However, when I clicked on “Select All,” instead of selecting all the values related to my search, all available options were selected.

Suggestion: For the “Custom dropdown renderer” feature, there is an input in the dropdown menu with a placeholder saying “Search anything.” When I try to place my cursor on that input, I am unable to do so. I can only type in the dropdown search input. As soon as I type in the dropdown menu, the text is visible in the text input within the dropdown menu.

My suggestion is to allow users to type in the dropdown menu input and restrict typing in the dropdown search input.

Below, I have attached files for your reference.

[sanusart]

Hey, this was meant to demontrate as much functionality as possible. For actuall example there are docs and examples. Not really sure it is worth to invest in logic here.

Also to the the truth it is too complex and uses class components, I guess it is need to be re-written as it is not reflecting the nowdays usage.