mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-18 03:26:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix(Modal): remove bx--body--with-modal-open from body only when there are no visible modals

Browse source 
If multiple modals are used, this correctly handles the cleanup after the modals close.
This commit is contained in:
weaseldotro 2020-11-07 21:09:05 +02:00 • committed by GitHub
commit cf5998e313
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/Modal/Modal.svelte
View file

@ -132,7 +132,9 @@
onMount(() => { onMount(() => {
return () => { return () => {
if(document.querySelectorAll('.bx--modal.is-visible').length === 0) {
document.body.classList.remove("bx--body--with-modal-open"); document.body.classList.remove("bx--body--with-modal-open");
}
}; };
}); });
@ -141,8 +143,10 @@
if (!open) { if (!open) {
opened = false; opened = false;
dispatch("close"); dispatch("close");
if(document.querySelectorAll('.bx--modal.is-visible').length === 0) {
document.body.classList.remove("bx--body--with-modal-open"); document.body.classList.remove("bx--body--with-modal-open");
} }
}
} else if (open) { } else if (open) {
opened = true; opened = true;
focus(); focus();