Bug in Header/Footer multiselect

3 posts, 0 answers
  1. Tarjei
    Tarjei avatar
    4 posts
    Member since:
    Jan 2021

    Posted 11 Mar Link to this post

    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. Stefan
    Admin
    Stefan avatar
    3070 posts

    Posted 11 Mar Link to this post

    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/.

  3. Tarjei
    Tarjei avatar
    4 posts
    Member since:
    Jan 2021

    Posted 12 Mar in reply to Stefan Link to this post

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