Make MenuComponent not hide on outside click
I am trying to make a dropdown menu not hide when outside click occurs. I am using React and based on the HTML documentation I have tried:
Both on the button and the menu div itself. It is not working. Can you let me know how to do this?
Thank you for your message, good catch.
I've added the bug ticket to our development backlog, we will fix it in the next release.
For now, as a temporary solution, you can update line 991 in file src/assets/ts/components/MenuComponent.ts.
const menuItems = document.querySelectorAll('.show.menu-dropdown[data-kt-menu-trigger]')
var menuItems = document.querySelectorAll('.show.menu-dropdown[data-kt-menu-trigger]:not([data-kt-menu-static="true"])');
Keenthemes Support Team
That fixed the issue.