Hello,
I’ve encountered an issue when using the KendoUI Grid component inside a dialog. When I try to open the column menu, it opens briefly and immediately closes itself, making it unusable.
This behavior seems to be related to a conflict with the UI component library I’m using (Ark UI). However, since the Grid’s source code is not open source, it’s difficult to pinpoint exactly where the issue originates or where a patch could be applied.
Reproduction:Here is a minimal reproduction on StackBlitz:
https://stackblitz.com/edit/rmldf7vs?file=src%2Fmain.vueExpected Behavior:When clicking the column menu button, the menu should remain open, allowing the user to interact with it.
Actual Behavior:The column menu opens and instantly closes, without any interaction.
Notes:- The issue only appears when the Grid is rendered inside a dialog.
- It might be related to focus/blur or click outside detection behavior conflicting between Kendo and Ark UI.
- Tested with the latest version of
@progress/kendo-vue-grid.
Let me know if any additional details are needed!
Thanks!