Hi Slavn,

This issue is already fixed in the latest version. You can refer to src/layouts/main-layout/sidebar/SidebarLogo.vue in the latest version.

Using the code below you can hide the sidebar.

onMounted(() => {
 setTimeout(() => {
 const toggleObj = ToggleComponent.getInstance(
 toggleRef.value!
 ) as ToggleComponent | null;

 if (toggleObj === null) {
 return;
 }

 // Add a class to prevent sidebar hover effect after toggle click
 toggleObj.on("kt.toggle.change", function () {
 // Set animation state
 props.sidebarRef?.classList.add("animating");

 // Wait till animation finishes
 setTimeout(function () {
 // Remove animation state
 props.sidebarRef?.classList.remove("animating");
 }, 300);
 });
 }, 1);
});

Hi Lauris,

https://preview.keenthemes.com/metronic8/vue/demo1/#/

You have the same bug that I described to you (shown in the video). The code you sent does not solve this problem.

Hi Slavn,

The only issue I see on your video is that sidebar doesn't get hidden when you press the toggle button, this happens because of the hover effect of the sidebar, and it is already be fixed in the latest version.

Is there any other issue? Could you please point me to the issue?

Regards,
Lauris Stepanovs,
Keenthemes Support Team

https://preview.keenthemes.com/metronic8/vue/demo1/#/ - is this link the latest version?

https://keenthemes.com/metronic

https://preview.keenthemes.com/metronic8/vue/demo1/?_ga=2.188017320.164850209.1681455191-1110255391.1676642432#/dashboard

is this the latest version?

Hi Slavn,

https://preview.keenthemes.com/metronic8/vue/demo1/?_ga=2.188017320.164850209.1681455191-1110255391.1676642432#/dashboard - This is a link to the latest Metronic preview page

Regards,
Lauris Stepanovs,
Keenthemes Support Team