Merge pull request #24370 from storybookjs/fix-layout-height

UI: Fix layout height
storybookjs · Oct 9, 2023 · 37ada8b · 37ada8b
2 parents 4626d02 + 1682f32
commit 37ada8b
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/code/ui/manager/src/components/layout/Layout.tsx b/code/ui/manager/src/components/layout/Layout.tsx
@@ -173,7 +173,7 @@ const LayoutContainer = styled.div<LayoutState>(
   ({ navSize, rightPanelWidth, bottomPanelHeight, viewMode, panelPosition }) => {
     return {
       width: '100%',
-      height: '100svh', // We are using svh to use the minimum space on mobile
+      height: ['100vh', '100dvh'], // This array is a special Emotion syntax to set a fallback if 100dvh is not supported
       overflow: 'hidden',
       display: 'flex',
       flexDirection: 'column',