fix: css reset polyfill

chakra-ui · Aug 29, 2022 · cc0598d · cc0598d · vercel · Aug 29, 2022
1 parent 1b13d20
commit cc0598d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/.changeset/silly-dancers-suffer.md b/.changeset/silly-dancers-suffer.md
@@ -0,0 +1,5 @@
+---
+"@chakra-ui/css-reset": patch
+---
+
+Fix css in 100vh polyfill
diff --git a/packages/components/css-reset/src/css-reset.tsx b/packages/components/css-reset/src/css-reset.tsx
@@ -18,7 +18,9 @@ const vhPolyfill = `
   }
 
   @supports (height: 100lvh) {
-    --chakra-vh: 100lvh;
+    :root {
+      --chakra-vh: 100lvh;
+    }
   }
 `