Fix scroll bar shifting isssue

consensusnetworks · Sep 15, 2023 · c976b48 · c976b48
1 parent 72d3028
commit c976b48
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/apps/web/src/layouts/default-layout.vue b/apps/web/src/layouts/default-layout.vue
@@ -59,7 +59,11 @@ const handleOutsideClick = (event: any) => {
   }
 }
 
+const doesScrollBarExist = ref(true)
+
 onMounted(() => {
+  doesScrollBarExist.value =  document.documentElement.scrollHeight > document.documentElement.clientHeight
+
   window.addEventListener('click', handleOutsideClick)
 })
 
@@ -249,7 +253,7 @@ onUnmounted(() =>{
 
       <div
         class="relative text-black"
-        :class="openWalletsModal? 'overflow-hidden pr-[15px]' : ''"
+        :class="openWalletsModal && doesScrollBarExist? 'overflow-hidden pr-[15px]' : ''"
       >
         <slot />
         <div