From 1162f76472a4806b4398e3a22a3b1e0616513da6 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Fri, 30 May 2025 22:20:26 +0200
Subject: [PATCH] Prevent native mobile menu on long press

---
 src/modules/chapter/components/cards/ChapterCard.tsx | 2 +-
 src/modules/manga/components/cards/MangaGridCard.tsx | 2 +-
 src/modules/manga/components/cards/MangaListCard.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/modules/chapter/components/cards/ChapterCard.tsx b/src/modules/chapter/components/cards/ChapterCard.tsx
index 34564dc1..c02893bd 100644
--- a/src/modules/chapter/components/cards/ChapterCard.tsx
+++ b/src/modules/chapter/components/cards/ChapterCard.tsx
@@ -112,7 +112,6 @@ export const ChapterCard = memo((props: IProps) => {
                 <Stack sx={{ pt: 1, px: 1 }}>
                     <Card
                         sx={{
-                            touchCallout: 'none',
                             ...applyStyles(mode === 'reader' && isActiveChapter, {
                                 backgroundColor: 'primary.main',
                             }),
@@ -123,6 +122,7 @@ export const ChapterCard = memo((props: IProps) => {
                             to={Chapters.getReaderUrl(chapter)}
                             style={{
                                 color: theme.palette.text[chapter.isRead ? 'disabled' : 'primary'],
+                                userSelect: 'none',
                             }}
                             state={Chapters.getReaderOpenChapterLocationState(chapter, true)}
                             replace={mode === 'reader'}
diff --git a/src/modules/manga/components/cards/MangaGridCard.tsx b/src/modules/manga/components/cards/MangaGridCard.tsx
index d1cdfb47..a20f1c76 100644
--- a/src/modules/manga/components/cards/MangaGridCard.tsx
+++ b/src/modules/manga/components/cards/MangaGridCard.tsx
@@ -66,7 +66,7 @@ export const MangaGridCard = memo(
                 onClick={handleClick}
                 to={mangaLinkTo}
                 state={Mangas.createLocationState(manga, mode)}
-                sx={{ textDecoration: 'none', touchCallout: 'none' }}
+                sx={{ textDecoration: 'none', userSelect: 'none' }}
             >
                 <Box
                     sx={{
diff --git a/src/modules/manga/components/cards/MangaListCard.tsx b/src/modules/manga/components/cards/MangaListCard.tsx
index 08fb5b67..5f8055c3 100644
--- a/src/modules/manga/components/cards/MangaListCard.tsx
+++ b/src/modules/manga/components/cards/MangaListCard.tsx
@@ -48,7 +48,7 @@ export const MangaListCard = memo(
                     onClick={handleClick}
                     {...longPressBind(() => popupState.open(optionButtonRef.current))}
                     sx={{
-                        touchCallout: 'none',
+                        userSelect: 'none',
                         '@media (hover: hover) and (pointer: fine)': {
                             '&:hover .manga-option-button': {
                                 visibility: 'visible',