Hi ,
Thanks for your replay , I tried this solve but its not working
please tell me more information to where I can include this code , I tried included in MainLayout.vue then inside
onMounted(() => {
nextTick(() => {
reinitializeComponents();
});
watch(
() => route.path,
() => {
MenuComponent.hideDropdowns(undefined);
}
);
});
and I make import MenuComponent
import { MenuComponent } from "@/assets/ts/components";


Hi Hosam,

You can keep this code inside MainLayout.vue.

Here is an example:

const route = useRoute();

 onBeforeMount(() => {
 LayoutService.init();
 });

 onMounted(() => {
 nextTick(() => {
 reinitializeComponents();
 });
 });

 watch(
 () => route.path,
 () => {
 nextTick(() => {
 reinitializeComponents();
 MenuComponent.hideDropdowns(undefined);
 });
 }
 );

Hi,
sorry brother but also this code not working for solve the issue ,
I added exactly same code but not working ,
and this issue not just when click sign out ,
the dropdown freezing when click any option ,
I added also this with your code :
import { MenuComponent } from "@/assets/ts/components";

Hi Hosam,

Not sure what else could cause the issue if you haven't modified our component initialization or MenuComponent.ts then this should work.

Do you have any errors in our browsers console?

Regards,
Lauris Stepanovs,
Keenthemes Support Team

Hi,
I don't make any change in MenuComponent.ts am sure ,
and I don't have any errors in my browsers console ,
also you can see the same error in new version 8.1.7 ,
I tried too much to solve this issue but I cant up to now ,
please help me It's a very annoying issue .

Hi Hosam,

Thank you for your feedback.

We rechecked the latest version and reproduced an issue, it seems like issue appears only on second initialization. We will check this in more detail and provide you solution here as soon as possible.

Regards,
Lauris Stepanovs,
Keenthemes Support Team

Hi,
Thanks support ,
Am waiting the provide soluation here ,
thanks again .

Hi Hosam,

To fix this issue for user menu you can remove attribute data-kt-menu-overflow="true" from menu toggle element in file src/layouts/main-layout/aside/AsideToolbar.vue.

Regards,
Lauris Stepanovs,
Keenthemes Support Team

Hi,
Now the issue is solved, thanks so much.

Hi Hosam,

Glad to hear that. All the best with your project!

Regards,
Lauris Stepanovs,
Keenthemes Support Team