don't lock scrolling after resizing when the mobile menu remains open

asciidoctor · Nov 14, 2023 · 0ec0b38 · 0ec0b38
1 parent 60b946e
commit 0ec0b38
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/src/css/header.css b/src/css/header.css
@@ -1,12 +1,14 @@
-html.is-clipped--navbar {
-  overflow-y: hidden;
-}
-
-/* NOTE workaround bug in Firefox mobile, which clips the html element to the original viewport height */
-@supports (scrollbar-width: none) {
+@media screen and (max-width: 1023.5px) {
   html.is-clipped--navbar {
-    overflow-y: initial;
-    scrollbar-width: none;
+    overflow-y: hidden;
+  }
+
+  /* NOTE workaround bug in Firefox mobile, which clips the html element to the original viewport height */
+  @supports (scrollbar-width: none) {
+    html.is-clipped--navbar {
+      overflow-y: initial;
+      scrollbar-width: none;
+    }
   }
 }