Prevent SelectionFAB from being behind the "ChapterCard" checkbox (#445)
The MUI Checkbox component has a z-index of 1, which causes it to register the mouse events instead of the "SelectionFAB" which is visually in front of it
This commit is contained in:
@@ -42,6 +42,7 @@ export const SelectionFAB: React.FC<SelectionFABProps> = (props) => {
|
|||||||
...DEFAULT_FAB_STYLE,
|
...DEFAULT_FAB_STYLE,
|
||||||
height: `calc(${DEFAULT_FAB_STYLE.height} + 1)`,
|
height: `calc(${DEFAULT_FAB_STYLE.height} + 1)`,
|
||||||
pt: 1,
|
pt: 1,
|
||||||
|
zIndex: 1, // the "Checkbox" (MUI) component of the "ChapterCard" has z-index 1, which causes it to take over the mouse events
|
||||||
}}
|
}}
|
||||||
ref={anchorEl}
|
ref={anchorEl}
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user