Search Filter Display below control similar to Dropdown List

[Michael Quiblat]

Hello!

Could you help me figure out a way to display the search filter right below the multiselect dropdown list just like in the regular dropdown list?

This is how the search filter looks like on a regular dropdown on the demo site in stackblitz:

This is how the search filter looks like on a multiselect dropdown on the demo site in stackblitz:

As you can see, the multiselect dropdown search filter is using the same box as what are already previously selected. It would be nice if it displayed similar to the regular dropdown list where the search bar showed up right below the multiselect dropdown bar instead.

Please help!

Mike

[Jeyanth Muthu Pratheeban Sankara Subramanian]

Hello Michael, 

Thanks for contacting Syncfusion support. 

We checked your query. We would like to know you that Dropdownlist component is not editable i.e., we cannot type any value in the Dropdownlist instead it allows us to choose the value based on the suggestions list whereas Multiselect is an editable component and so we can type the value directly in to the input element and to choose the suggestions based on the typed value. And the input which is displayed over the popup list is intended to filter the popup. However, you can achieve the reported requirement in the checkbox mode of Multiselect where filter input is displayed over the suggestions list.

Please find the demo link below for your reference.

Multiselect CheckBox Demo Link              : https://ej2.syncfusion.com/angular/demos/#/material/multi-select/checkbox
API reference Link                                       : https://ej2.syncfusion.com/angular/documentation/api/multi-select#mode 

Screenshot                                                    :


 

 

Please let us know if you would require any further assistance on this. 

Regards, 

Jeyanth.