mirror of
https://github.com/louislam/uptime-kuma.git
synced 2024-11-23 14:54:05 +00:00
Fix scroll lock
when the modal is opened, its sets overflow hidden, remove this style so as to unfreeze it
This commit is contained in:
parent
1dceb96c7c
commit
45b6c8a91d
1 changed files with 17 additions and 9 deletions
|
@ -131,24 +131,18 @@ export default {
|
||||||
},
|
},
|
||||||
|
|
||||||
beforeRouteLeave(to, from, next) {
|
beforeRouteLeave(to, from, next) {
|
||||||
if (this.modal) {
|
this.cleanupModal();
|
||||||
this.modal.hide();
|
|
||||||
}
|
|
||||||
next();
|
next();
|
||||||
},
|
},
|
||||||
|
|
||||||
watch: {
|
watch: {
|
||||||
$route(to, from) {
|
$route(to, from) {
|
||||||
if (this.modal) {
|
this.cleanupModal();
|
||||||
this.modal.hide();
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
beforeUnmount() {
|
beforeUnmount() {
|
||||||
if (this.modal) {
|
this.cleanupModal();
|
||||||
this.modal.dispose();
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
|
@ -230,6 +224,20 @@ export default {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Clean up modal and restore scroll behavior
|
||||||
|
* @returns {void}
|
||||||
|
*/
|
||||||
|
cleanupModal() {
|
||||||
|
if (this.modal) {
|
||||||
|
this.modal.hide();
|
||||||
|
this.modal.dispose();
|
||||||
|
}
|
||||||
|
document.body.classList.remove('modal-open');
|
||||||
|
document.body.style.paddingRight = '';
|
||||||
|
document.body.style.overflow = '';
|
||||||
|
}
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
Loading…
Reference in a new issue