Dev branch
This commit is contained in:
@@ -22,19 +22,27 @@ const showSlot = ref(props.show);
|
||||
|
||||
watch(
|
||||
() => props.show,
|
||||
() => {
|
||||
(newVal) => {
|
||||
if (props.show) {
|
||||
document.body.style.overflow = "hidden";
|
||||
showSlot.value = true;
|
||||
dialog.value?.showModal();
|
||||
// Use nextTick to ensure dialog ref is available
|
||||
setTimeout(() => {
|
||||
if (dialog.value) {
|
||||
dialog.value.showModal();
|
||||
}
|
||||
}, 0);
|
||||
} else {
|
||||
document.body.style.overflow = null;
|
||||
setTimeout(() => {
|
||||
dialog.value?.close();
|
||||
if (dialog.value) {
|
||||
dialog.value.close();
|
||||
}
|
||||
showSlot.value = false;
|
||||
}, 200);
|
||||
}
|
||||
}
|
||||
},
|
||||
{ immediate: true }
|
||||
);
|
||||
|
||||
const close = () => {
|
||||
|
||||
Reference in New Issue
Block a user