search

telerik / kendo-react

Issue tracker - KendoReact http://www.telerik.com/kendo-react-ui/
https://kendo-react-teal.vercel.app
Other
209 stars 36 forks source link

[Bug][Grid] GridColumnMenuCheckboxFilter closes if clicked outside any of the checkboxes #2219

Open filipKovachev opened 2 months ago

filipKovachev commented 2 months ago

I'm submitting a...

Current behavior

Clicking everywhere but the checkboxes or inputs closes the columnMenu. Oddly enough this behavior is not observed on our page:

https://www.telerik.com/kendo-react-ui/components/grid/interactivity/column-menu/#toc-checkbox-filter

Expected behavior

The columnMenu should remain open if the user has clicked outside of the checkboxes and inside the menu:

Minimal reproduction of the problem with instructions

  1. Open this example: https://stackblitz.com/edit/react-m7bacb?file=app%2Fmain.jsx
  2. Click somewhere in the columnMenu that is not a checkbox or an input and notice that it closes

Reported in Ticked id: 1649929

sidsinr commented 2 months ago

This bug showed up in our production build.
Is there a workaround or a quick fix that we can apply? We tried stopping the event propagation, but nothing happened. Even the onCloseMenu prop is not working.

Our current version: kendo-react-grid@7.4.0

Edit: There is indeed a problem with the version 7.4.0. I downgraded my version to 7.3.0 and everything works fine. I reckon the kendo docs still use the old version whereas the stackblitz version is 7.4.0.