fix: prevent touch scolling on non-modal content

adobe · Nov 4, 2021 · e471feb · e471feb
1 parent 5effeb0
commit e471feb
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/packages/overlay/src/overlay-stack.ts b/packages/overlay/src/overlay-stack.ts
@@ -84,6 +84,9 @@ export class OverlayStack {
             #holder[hidden] {
                 display: none !important;
             }
+            #actual[aria-hidden] {
+                touch-action: none;
+            }
             #actual[tabindex="-1"] ::slotted(*) {
                 pointer-events: none;  /* just in case? */
             }

diff --git a/projects/documentation/src/components/side-nav.css b/projects/documentation/src/components/side-nav.css
@@ -48,6 +48,7 @@ aside {
 
     .scrim {
         z-index: 10;
+        touch-action: none;
     }
 }