ios: skip context menu when long-press on book cover, closes #1612 (#1613)

2025-07-19 00:22:59 +08:00
parent d9199d1182
commit 60ad6706ff
2 changed files with 13 additions and 1 deletions
@@ -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
@@ -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;
+}