feat(layout): use min-height 100% instead of height 100vh to prevent …

…scroll issues
contentful · Aug 30, 2024 · b6985d6 · b6985d6
1 parent f4dfe96
commit b6985d6
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/components/layout/package.json b/packages/components/layout/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@contentful/f36-layout",
-  "version": "5.0.0-alpha.14",
+  "version": "5.0.0-alpha.15",
   "description": "Forma 36: Layout component",
   "scripts": {
     "build": "tsup"

diff --git a/packages/components/layout/src/Layout.styles.ts b/packages/components/layout/src/Layout.styles.ts
@@ -34,7 +34,7 @@ export const getLayoutStyles = ({
 }) => ({
   root: css({
     width: '100%',
-    height: '100vh',
+    minHeight: '100%',
   }),
   mainContainer: css(getLayoutMaxWidthStyles({ variant, withBoxShadow }), {
     width: '100%',