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,
|
||||
height: `calc(${DEFAULT_FAB_STYLE.height} + 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}
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user