Bug in Header/Footer multiselect

[Tarjei]

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

[Stefan]

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

[Tarjei]

Thanks, that works 👍. Not the most intuitive thing having to use the onMouseDown, it doesnt work if you preventDefault in the onClick.