fix: get rid of the context menu for touch screen or stylus device when selecting text, closes #2579 (#2614)

apps/readest-app/src/app/reader/components/annotator/Annotator.tsx

@@ -163,10 +163,12 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
     handleScroll,
     handleTouchStart,
     handleTouchEnd,
+    handlePointerdown,
     handlePointerup,
     handleSelectionchange,
     handleShowPopup,
     handleUpToPopup,
+    handleContextmenu,
   } = useTextSelector(bookKey, setSelection, handleDismissPopup);
 
   const onLoad = (event: Event) => {
@@ -189,6 +191,7 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
     detail.doc?.addEventListener('touchstart', handleTouchStart);
     detail.doc?.addEventListener('touchmove', handleTouchmove);
     detail.doc?.addEventListener('touchend', handleTouchEnd);
+    detail.doc?.addEventListener('pointerdown', handlePointerdown);
     detail.doc?.addEventListener('pointerup', (ev: PointerEvent) =>
       handlePointerup(doc, index, ev),
     );
@@ -222,13 +225,7 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
     }
 
     // Disable the default context menu on mobile devices (selection handles suffice)
-    if (appService?.isMobile) {
-      detail.doc?.addEventListener('contextmenu', (event: Event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        return false;
-      });
-    }
+    detail.doc?.addEventListener('contextmenu', handleContextmenu);
   };
 
   const onDrawAnnotation = (event: Event) => {