From 67491c58290446fc849c81066497556e9e37422b Mon Sep 17 00:00:00 2001
From: RyushiAok <55625375+RyushiAok@users.noreply.github.com>
Date: Thu, 22 Aug 2024 16:20:41 +0900
Subject: [PATCH 1/2] =?UTF-8?q?fix(dialog):=20unmount=E6=99=82=E3=81=AB?=
 =?UTF-8?q?=E3=82=B9=E3=82=AF=E3=83=AD=E3=83=BC=E3=83=AB=E5=9B=BA=E5=AE=9A?=
 =?UTF-8?q?=E3=81=AE=E3=82=B9=E3=82=BF=E3=82=A4=E3=83=AB=E7=AD=89=E3=82=92?=
 =?UTF-8?q?=E8=A7=A3=E9=99=A4=E3=81=99=E3=82=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/base/dialog/dialog.vue     | 29 +++++++++++++------
 1 file changed, 20 insertions(+), 9 deletions(-)

diff --git a/packages/wiz-ui-next/src/components/base/dialog/dialog.vue b/packages/wiz-ui-next/src/components/base/dialog/dialog.vue
index d77bd0619..247c8a8be 100644
--- a/packages/wiz-ui-next/src/components/base/dialog/dialog.vue
+++ b/packages/wiz-ui-next/src/components/base/dialog/dialog.vue
@@ -29,17 +29,17 @@
 
 <script setup lang="ts">
 import {
-  THEME,
-  ComponentName,
   ARIA_LABELS,
+  ComponentName,
+  THEME,
 } from "@wizleap-inc/wiz-ui-constants";
 import {
+  dialogBlockScrollStyle,
+  dialogMaskStyle,
   dialogStyle,
   dialogVisibleStyle,
-  dialogMaskStyle,
-  dialogBlockScrollStyle,
 } from "@wizleap-inc/wiz-ui-styles/bases/dialog.css";
-import { computed, PropType, watch } from "vue";
+import { computed, onUnmounted, PropType, watch } from "vue";
 
 import { WizIconButton } from "@/components/base/buttons";
 import { WizCard } from "@/components/base/card";
@@ -92,6 +92,14 @@ const { currentZIndex } = useZIndex(THEME.zIndex.dialog);
 
 let scrollY = 0;
 
+// スクロールロックを解除する関数を定義
+const cleanupScrollLock = () => {
+  document.body.classList.remove(dialogBlockScrollStyle);
+  document.body.style.top = "";
+  window.scrollTo(0, scrollY);
+  scrollY = 0;
+};
+
 watch(
   () => visible.value,
   (value) => {
@@ -103,11 +111,14 @@ watch(
         document.body.classList.add(dialogBlockScrollStyle);
       }
     } else {
-      document.body.classList.remove(dialogBlockScrollStyle);
-      document.body.style.top = "";
-      window.scrollTo(0, scrollY);
-      scrollY = 0;
+      cleanupScrollLock();
     }
   }
 );
+
+onUnmounted(() => {
+  if (visible.value) {
+    cleanupScrollLock();
+  }
+});
 </script>

From 7c8c812e5740cef1bd3c7d6e9cbb1d3455008d9e Mon Sep 17 00:00:00 2001
From: RyushiAok <55625375+RyushiAok@users.noreply.github.com>
Date: Thu, 22 Aug 2024 16:21:27 +0900
Subject: [PATCH 2/2] chore(dialog): add changeset

---
 .changeset/early-files-vanish.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/early-files-vanish.md

diff --git a/.changeset/early-files-vanish.md b/.changeset/early-files-vanish.md
new file mode 100644
index 000000000..5d3cc6b6f
--- /dev/null
+++ b/.changeset/early-files-vanish.md
@@ -0,0 +1,5 @@
+---
+"@wizleap-inc/wiz-ui-next": patch
+---
+
+Fix(dialog): unmount 時にスクロール固定のスタイル等を解除する