fix(RModal): Improvements allowBodyScroll logic

Teknasyon · Dec 28, 2023 · 9b9ea91 · 9b9ea91
1 parent e74272e
commit 9b9ea91
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/components/Modal/RModal.vue b/src/components/Modal/RModal.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, watchEffect } from 'vue'
+import { computed, onUnmounted, watchEffect } from 'vue'
 import './modal.css'
 import Icon from '../Icon/RIcon.vue'
 
@@ -147,6 +147,12 @@ watchEffect(() => {
     document.body.style.overflow = 'hidden'
   else
     document.body.style.overflow = 'auto'
+},
+{ flush: 'post' },
+)
+
+onUnmounted(() => {
+  document.body.style.overflow = 'auto'
 })
 
 // close on escape