Fix: header jumps to the right when categories are hovered (#40)

Relewise · Oct 30, 2024 · 7be8a68 · 7be8a68
1 parent c809d0e
commit 7be8a68
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/layout/Header.vue b/src/layout/Header.vue
@@ -23,11 +23,11 @@ let hoverTimeout: ReturnType<typeof setTimeout> | null = null;
 const handleMouseOver = (categoryId: string) => {
     if (hoverTimeout) clearTimeout(hoverTimeout); 
     hoverTimeout = setTimeout(() => {
+        const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
         
         document.body.classList.add('overflow-hidden');
         
         if (!document.body.style.marginRight) {
-            const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
             document.body.style.marginRight = `${scrollbarWidth}px`;
         }