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) {
|
||||
if (this.modal) {
|
||||
this.modal.hide();
|
||||
}
|
||||
this.cleanupModal();
|
||||
next();
|
||||
},
|
||||
|
||||
watch: {
|
||||
$route(to, from) {
|
||||
if (this.modal) {
|
||||
this.modal.hide();
|
||||
}
|
||||
this.cleanupModal();
|
||||
}
|
||||
},
|
||||
|
||||
beforeUnmount() {
|
||||
if (this.modal) {
|
||||
this.modal.dispose();
|
||||
}
|
||||
this.cleanupModal();
|
||||
},
|
||||
|
||||
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>
|
||||
|
|
Loading…
Reference in a new issue