From 9284e46c45a8a97237c09cb887266eabd4e050dd Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Sun, 5 Nov 2023 17:22:35 +0100
Subject: [PATCH] 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
---
 src/components/manga/SelectionFAB.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/manga/SelectionFAB.tsx b/src/components/manga/SelectionFAB.tsx
index 5574d139d9..22a6dfe641 100644
--- a/src/components/manga/SelectionFAB.tsx
+++ b/src/components/manga/SelectionFAB.tsx
@@ -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}
         >