mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 10:21:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix(modal): nested modals should correctly toggle the body class (#1331)

Browse source 
Fixes #1324
This commit is contained in:
metonym 2022-06-02 17:56:07 -07:00 • committed by GitHub
commit 22f93ee675
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 34 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/Modal/Modal.svelte
View file

@ -92,6 +92,7 @@
import { createEventDispatcher, onMount, afterUpdate } from "svelte";
import Close from "../icons/Close.svelte";
import Button from "../Button/Button.svelte";
import { modalsOpen, addModalId, removeModalId } from "./modalStore";
const dispatch = createEventDispatcher();
@ -108,6 +109,7 @@
onMount(() => {
return () => {
removeModalId(id);
document.body.classList.remove("bx--body--with-modal-open");
};
});
@ -117,13 +119,17 @@
if (!open) {
opened = false;
dispatch("close");
document.body.classList.remove("bx--body--with-modal-open");
}
} else if (open) {
opened = true;
focus();
dispatch("open");
}
if ($modalsOpen.length > 0) {
document.body.classList.add("bx--body--with-modal-open");
} else {
document.body.classList.remove("bx--body--with-modal-open");
}
});
@ -143,6 +149,11 @@
alertDialogProps["aria-describedby"] = modalBodyId;
}
}
$: if (open) {
addModalId(id);
} else {
removeModalId(id);
}
</script>
<!-- svelte-ignore a11y-mouse-events-have-key-events -->