Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Dropdowns don't work when signing out and back in


Hi!

I am working with demo 5 (Angular) example and am currently struggling with a situation where dropdowns don't open when I click on them. This happens only after I have navigated away from /dashboard to let's say /auth/login and back. I am using the 'data-kt-menu-trigger="click"' logic.

I I stay within layout.module (like /dashboard, /profile), everything works fine but once I navigate away (log out) to /auth and if I log back in, then the ones that previously worked, don't work anymore.

Here is a scenario to help you better understand the situation:
1. Page /dashboard loads, dropdowns (like user-inner, notifications, etc.) work
2. Log out
3. Log back in
4. Same dropdowns don't work
5. Refresh page
6. Same dropdowns now work

I suppose this logic has something to do with MenuComponent and the way how it is loaded (.bootstrap() and/or .reinitialization() methods). Could you please provide some guidance as of what would be the best way to set this up and work with such logic/scenarios?

I would also like to add a dropdown in /auth footer for changing language. What would be the correct way of loading the MenuComponent/or other components (HTML part is clear)?


Text formatting options
Submit

Replies (10)


Hi,

Thank you for your message.
It's a known issue, and the fix will be published in the next release (ETA next week).
I think there will be some helper functions published for re-init menus/toggles/drawers and you will be able to use them.

Not sure about the guide, but the concept is: We have to re-initiate menus when the routing is changed (cause Angular changing DOM and MenuComponent doesn't know about it at all).

Regards,
Keenthemes support



Thanks for the reply. Glad to hear that fix is coming soon happy



I still haven't heard any news about the fix. When could it be released?



Hi Oskars,

The release was moved the 20-25 June, cause the team decided to go with the feature (HotReload dark/light) and it took more time to have this approach for SPA apps (Angular/React).

Regards,
Keenthemes support



I still don't see a new version. When will it be released?



Any udpate on this? We have been waiting on this fix for a long time



Will you please give an update when this fix will be released?



Hi,

Sorry for the late response,
Yes, we moved the release to July 4-5.

Regards,
Keenthemes support



Any updates on this issue?



I'm with Oskars... It's not only the "menu" I have issues with... Funny we got the same step, if we add MenuComponent.bootstrap() to AuthComponent it works fine!

I just dont get why bootstrap is "off" inside the module with guard,(since no basic Bootstrap 5 native example work) instead of globally to app. Are we force to a one page static layout!

My next step is to actually code the click and bind the desired effect... is just silly replicate standard behavior's but...

I'll mark this post sad

PS: Still understanding what is "exclusive" too, most demos dont work... I woundn't mind to pay the extra, but that is a major issue - like you modals, but I can change that


Text formatting options
Submit
Text formatting options
Submit