This is a migrated thread and some comments may be shown as answers.

Bug in Header/Footer multiselect

2 Answers 149 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Tarjei
Top achievements
Rank 1
Tarjei asked on 11 Mar 2021, 12:30 PM

We use a button in multiselect header to select several items.

This does not work in v4+ (with autoClose set to false). Any elements within do not get clicks registered it just onBlurs out and closes. This was introduced in 4.x somewhere as when I revert back to 3.x its not happening. 

 

https://stackblitz.com/edit/react-7vxshz?file=app/main.jsx

2 Answers, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 11 Mar 2021, 01:40 PM

Hello, Tarjei,

Thank you for the example.

In our source code, we call preventDefault on the items to not close the Popup when they are clicked.

As the header and footer are custom elements rendered by the developer, the same logic has to be applied.

I updated the example to showcase this:

https://stackblitz.com/edit/react-7vxshz-mo7jrl?file=app/main.jsx

Regards,
Stefan
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/.

0
Tarjei
Top achievements
Rank 1
answered on 12 Mar 2021, 07:18 AM
Thanks, that works 👍. Not the most intuitive thing having to use the onMouseDown, it doesnt work if you preventDefault in the onClick. 
Tags
General Discussions
Asked by
Tarjei
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Tarjei
Top achievements
Rank 1
Share this question
or