diff --git a/src/ComposedModal/ComposedModal.svelte b/src/ComposedModal/ComposedModal.svelte index 023cd26e..fef75482 100644 --- a/src/ComposedModal/ComposedModal.svelte +++ b/src/ComposedModal/ComposedModal.svelte @@ -96,11 +96,7 @@ 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"); - } + document.body.classList.toggle("bx--body--with-modal-open", $modalsOpen.length > 0); }); $: if (open) { diff --git a/src/Modal/Modal.svelte b/src/Modal/Modal.svelte index 9a59beb3..2dd397f6 100644 --- a/src/Modal/Modal.svelte +++ b/src/Modal/Modal.svelte @@ -126,11 +126,7 @@ 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"); - } + document.body.classList.toggle("bx--body--with-modal-open", $modalsOpen.length > 0); }); $: modalLabelId = `bx--modal-header__label--modal-${id}`;