added z-index to fab component mui#30615

issamElmohadeb098 · Jan 30, 2022 · 0e9f5e5 · 0e9f5e5
1 parent f1840b9
commit 0e9f5e5
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/packages/mui-material/src/Fab/Fab.js b/packages/mui-material/src/Fab/Fab.js
@@ -52,6 +52,7 @@ const FabRoot = styled(ButtonBase, {
     minWidth: 0,
     width: 56,
     height: 56,
+    zIndex: theme.zIndex.fab,
     boxShadow: theme.shadows[6],
     '&:active': {
       boxShadow: theme.shadows[12],

diff --git a/packages/mui-material/src/styles/zIndex.d.ts b/packages/mui-material/src/styles/zIndex.d.ts
@@ -6,6 +6,7 @@ export interface ZIndex {
   modal: number;
   snackbar: number;
   tooltip: number;
+  fab: number;
 }
 
 export type ZIndexOptions = Partial<ZIndex>;

diff --git a/packages/mui-material/src/styles/zIndex.js b/packages/mui-material/src/styles/zIndex.js
@@ -8,6 +8,7 @@ const zIndex = {
   modal: 1300,
   snackbar: 1400,
   tooltip: 1500,
+  fab: 1050,
 };
 
 export default zIndex;