Grid column menu won't close

1 Answer 337 Views
Grid
Dylan
Top achievements
Rank 1
Dylan asked on 04 Aug 2021, 10:36 PM

The Grid column menu does not close correctly. When I click the three-vertical-dots icon, it opens just fine. If I click the three-vertical-dots icon again to close it, it begins to close on the mouse down event, but then opens again on the mouse up event. You can close/collapse it completely by holding down the mouse button for a second or two, but as soon as you release the mouse button, it expands back open again. This can easily be reproduced with the examples here:

https://www.telerik.com/kendo-react-ui/components/grid/columns/column-menu/

To close the menu, you can't use the three-vertical-dots icon. You instead need to click somewhere else on the page, which closes the menu. You can also click either the Clear or Filter buttons and that will close the menu as well.

I'm using GridColumnMenuCheckboxFilter. I searched for a long time for a solution to this, but I didn't find any mentions of the problem. I've noticed that older examples on stackblitz that use older Kendo versions do not have this problem. With the older versions, you can click the three-vertical-dots icon once to open the menu, and once again to close the menu, as you'd expect.

1 Answer, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 05 Aug 2021, 06:53 AM

Hello, Dylan,

Thank you for reporting this.

I can confirm that this is an issue with the current version of the KendoReact Grid.

I have logged this for fixing, and the status can be monitored here:

https://github.com/telerik/kendo-react/issues/1028

Currently, there is no workaround available, if one is found it will be added to the issue.

Additionally, I have added some Telerik points to your account for bringing this to our attention.

Apologies for the inconvenience this may have caused you.

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

Garrett
Top achievements
Rank 1
commented on 01 Jun 2022, 05:39 PM

I see the GitHub page hasn't had any activity for a while. This issue is impacting one of our customer-facing products.
Stefan
Telerik team
commented on 03 Jun 2022, 11:14 AM

Hello, Garrett,

Apologies for the inconvenience.

I have added this report to the issues and raised its priority.
Tags
Grid
Asked by
Dylan
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Share this question
or