Unplanned
Last Updated: 21 Jun 2022 13:54 by ADMIN
Connor
Created on: 10 Jun 2022 19:45
Category: KendoReact
Type: Feature Request
0
Custom Search Component in MultiSelect

I'm working with the MultiSelect dropdown.

My issue is that feeding my own search control into the header of the dropdown itself seems to be impossible.

Our design calls for this component, but requires a search input within the dropdown itself. I've tried to insert one as a header, but your control is built in a way that forces the dropdown to close when the header of the dropdown is clicked. Making my attempted customization of the component impossible. From quick testing it seems the other dropdowns are built this way as well. Making components work in the header and footer (without closing the popup) would greatly increase the customizability of the dropdowns. 

It also seems that the current search input within the button can't be removed or changed to readonly. Our design doesn't expect customizable input in the button. It seems that even if you have filtering turned off it still accepts input that does nothing.

Attached Files:
3 comments
ADMIN
Vessy
Posted on: 21 Jun 2022 13:54

You are welcome, Connor - thank you for sharing your insights with us as well!

Regards,
Vessy
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Connor
Posted on: 17 Jun 2022 15:25
Thanks Vessy! I think we'll have to do some work making a button and just creating a custom dropdown. I would note, the onFocusOut event fires for the text input in the button before the onClick does in the header of the dropdown, which closes the popup before you can stop the click propogation. Thanks for reaching out even though my suggestion was kind of vague.
ADMIN
Vessy
Posted on: 17 Jun 2022 13:32

Hi Connor,

Thank you for submitting this feature request. We will monitor the interest over this functionality.

Meanwhile, you can consider canceling the auto-close behavior of the dropdown by cancelling the click event propagation like demonstrated here:

https://www.telerik.com/forums/kendoreact-dropdownbutton-auto-close-prevention#5115820

Regards,
Vessy
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.