Experimental fix for scrolling issues on mobile

keithamoss · Aug 8, 2024 · 773f89e · 773f89e
1 parent f94db20
commit 773f89e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/public-redesign/src/features/aboutPage/AboutPage.tsx b/public-redesign/src/features/aboutPage/AboutPage.tsx
@@ -10,7 +10,7 @@ import { getAllFoodsAvailableOnStalls, getSupportingIconsForAboutPage, standalon
 const StyledInteractableBoxFullHeight = styled(Box)(({ theme }) => ({
 	backgroundColor: theme.palette.mode === 'light' ? grey[100] : grey[800],
 	overflowY: 'auto',
-	height: `100vh`,
+	height: `100dvh`,
 	padding: theme.spacing(2),
 	paddingBottom: appBarHeight,
 }));

diff --git a/public-redesign/src/features/mediaPage/MediaPage.tsx b/public-redesign/src/features/mediaPage/MediaPage.tsx
@@ -20,7 +20,7 @@ import { appBarHeight } from '../addStall/addStallHelpers';
 const StyledInteractableBoxFullHeight = styled(Box)(({ theme }) => ({
 	backgroundColor: theme.palette.mode === 'light' ? grey[100] : grey[800],
 	overflowY: 'auto',
-	height: `100vh`,
+	height: `100dvh`,
 	padding: theme.spacing(2),
 	paddingBottom: appBarHeight,
 }));