From a696328621d9b91c5e2e0a0e69cdea70edd7ec6e Mon Sep 17 00:00:00 2001
From: rbf <rbf.code@pm.me>
Date: Mon, 7 Nov 2022 16:17:06 +0100
Subject: [PATCH] fix(modal): prevent scrolling and interactions below a modal
 on mobile

---
 css/pico.css                | 1 +
 scss/components/_modal.scss | 1 +
 2 files changed, 2 insertions(+)

diff --git a/css/pico.css b/css/pico.css
index 847e1ae5..46fae9e3 100644
--- a/css/pico.css
+++ b/css/pico.css
@@ -2254,6 +2254,7 @@ dialog:not([open]), dialog[open=false] {
   padding-right: var(--pico-scrollbar-width, 0px);
   overflow: hidden;
   pointer-events: none;
+  touch-action: none;
 }
 .modal-is-open dialog {
   pointer-events: auto;
diff --git a/scss/components/_modal.scss b/scss/components/_modal.scss
index d2b1b4d7..e5a9f0ad 100644
--- a/scss/components/_modal.scss
+++ b/scss/components/_modal.scss
@@ -117,6 +117,7 @@
       padding-right: var(#{$✨}scrollbar-width, 0px);
       overflow: hidden;
       pointer-events: none;
+      touch-action: none;
 
       dialog {
         pointer-events: auto;