feat(modal): lock body scrolling while modal is open

tobyzerner · Nov 6, 2023 · 59e693d · 59e693d
1 parent fe57357
commit 59e693d
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/modal/modal.ts b/src/modal/modal.ts
@@ -117,6 +117,8 @@ export default class ModalElement extends HTMLElement {
     }
 
     private async wasOpened() {
+        document.documentElement.style.overflow = 'hidden';
+
         this.hidden = false;
 
         hello(this);
@@ -127,6 +129,8 @@ export default class ModalElement extends HTMLElement {
     }
 
     private wasClosed() {
+        document.documentElement.style.overflow = '';
+
         this.focusTrap?.deactivate();
 
         goodbye(this).then(() => (this.hidden = true));