diff --git a/stubs/inertia-vue-ts/resources/js/Components/Modal.vue b/stubs/inertia-vue-ts/resources/js/Components/Modal.vue index 7cab7035..3f65db87 100644 --- a/stubs/inertia-vue-ts/resources/js/Components/Modal.vue +++ b/stubs/inertia-vue-ts/resources/js/Components/Modal.vue @@ -22,9 +22,11 @@ watch(() => props.show, () => { if (props.show) { document.body.style.overflow = 'hidden'; showSlot.value = true; + dialog.value?.showModal(); } else { document.body.style.overflow = ''; + setTimeout(() => { dialog.value?.close(); showSlot.value = false; @@ -52,6 +54,7 @@ onMounted(() => document.addEventListener('keydown', closeOnEscape)); onUnmounted(() => { document.removeEventListener('keydown', closeOnEscape); + document.body.style.overflow = ''; }); @@ -96,4 +99,4 @@ const maxWidthClass = computed(() => { - \ No newline at end of file +