Add fallback for older browsers

sumup-oss · Jan 27, 2025 · 9aa02b6 · 9aa02b6
1 parent 97a31bd
commit 9aa02b6
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/packages/circuit-ui/styles/base.css b/packages/circuit-ui/styles/base.css
@@ -14,7 +14,14 @@
 
 html {
   box-sizing: border-box;
-  overflow-x: clip;
+  overflow-x: hidden;
+}
+
+/* `clip` has the same visual effect as `hidden`, but doesn't interfere with `position: sticky` on child elements */
+@supports (overflow-x: clip) {
+  html {
+    overflow-x: clip;
+  }
 }
 
 [type="button"] {