Merge pull request #107 from takuma-ru/fix/91

🐛 Add cancel event listener to SwipeModal
takuma-ru · May 9, 2024 · b722fb5 · b722fb5
2 parents 696303a + 35ed6b3
commit b722fb5
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/packages/core/src/components/SwipeModal/SwipeModal.vue b/packages/core/src/components/SwipeModal/SwipeModal.vue
@@ -268,6 +268,10 @@ onMounted(() => {
 
 	modalRef.value.style.setProperty("bottom", `var(--${scopeName}-bottom)`);
 
+	modalRef.value.addEventListener("cancel", () => {
+		vModel.value = false;
+	});
+
 	if (!vModel.value) {
 		// モーダル内のエレメントを取得できるように display を none を無効化
 		modalRef.value.style.setProperty("display", "initial");
@@ -279,6 +283,9 @@ onUnmounted(() => {
 	removeCssVar("bottom");
 	removeCssVar("movementAmountY");
 	removeCssVar("snapPointPosition");
+
+	if (modalRef.value)
+		modalRef.value.removeEventListener("cancel", () => {});
 });
 </script>