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:
schroda
2023-11-05 17:22:35 +01:00
committed by GitHub
parent 4ab61723e7
commit 9284e46c45

View File

@@ -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}
>