From 60ad6706ff264f47ffabc12f95c9f8f78ebce2f6 Mon Sep 17 00:00:00 2001
From: Huang Xin <chrox.huang@gmail.com>
Date: Sat, 19 Jul 2025 00:22:59 +0800
Subject: [PATCH] ios: skip context menu when long-press on book cover, closes
 #1612 (#1613)

---
 apps/readest-app/src/components/BookCover.tsx | 5 ++++-
 apps/readest-app/src/styles/globals.css       | 9 +++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/apps/readest-app/src/components/BookCover.tsx b/apps/readest-app/src/components/BookCover.tsx
index 7f34dbed..7c050509 100644
--- a/apps/readest-app/src/components/BookCover.tsx
+++ b/apps/readest-app/src/components/BookCover.tsx
@@ -48,7 +48,10 @@ const BookCover: React.FC<BookCoverProps> = ({
   return (
     <div
       ref={coverRef}
-      className={clsx('book-cover-container relative flex h-full w-full', className)}
+      className={clsx(
+        'book-cover-container no-context-menu relative flex h-full w-full',
+        className,
+      )}
     >
       {coverFit === 'crop' ? (
         <Image
diff --git a/apps/readest-app/src/styles/globals.css b/apps/readest-app/src/styles/globals.css
index 0e3ba5c9..8cae4d67 100644
--- a/apps/readest-app/src/styles/globals.css
+++ b/apps/readest-app/src/styles/globals.css
@@ -324,3 +324,12 @@ foliate-view {
 .drop-zone.drag-over .drop-indicator {
   display: block;
 }
+
+.no-context-menu {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  touch-action: manipulation;
+}