Fix for the Drawer Overlay issue (microsoft#32060)

Co-authored-by: tummala lakshmi manasa sai <[email protected]> Co-authored-by: Oleksandr Fediashov <[email protected]>
tomi-msft · Aug 13, 2024 · 0006712 · 0006712
1 parent 48cf3ef
commit 0006712
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/change/@fluentui-react-drawer-6332ed54-ea15-403c-a872-673eee9ec783.json b/change/@fluentui-react-drawer-6332ed54-ea15-403c-a872-673eee9ec783.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Bug fix for issue 31724",
+  "packageName": "@fluentui/react-drawer",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-drawer/library/src/shared/useDrawerBaseStyles.styles.ts b/packages/react-components/react-drawer/library/src/shared/useDrawerBaseStyles.styles.ts
@@ -78,7 +78,7 @@ export const useDrawerBottomBaseStyles = makeStyles({
     [drawerCSSVars.drawerSizeVar]: '940px',
   },
   full: {
-    [drawerCSSVars.drawerSizeVar]: '100vh',
+    [drawerCSSVars.drawerSizeVar]: '100%',
   },
 });