Use the stopEvent helper function everywhere possible

src/display/editor/highlight.js

@@ -28,9 +28,9 @@ import {
   HighlightAnnotationElement,
   InkAnnotationElement,
 } from "../annotation_layer.js";
+import { noContextMenu, stopEvent } from "../display_utils.js";
 import { AnnotationEditor } from "./editor.js";
 import { ColorPicker } from "./color_picker.js";
-import { noContextMenu } from "../display_utils.js";
 
 /**
  * Basic draw editor in order to generate an Highlight annotation.
@@ -778,22 +778,21 @@ class HighlightEditor extends AnnotationEditor {
     const ac = new AbortController();
     const signal = parent.combinedSignal(ac);
 
-    const pointerDown = e => {
-      // Avoid to have undesired clicks during the drawing.
-      e.preventDefault();
-      e.stopPropagation();
-    };
     const pointerUpCallback = e => {
       ac.abort();
       this.#endHighlight(parent, e);
     };
     window.addEventListener("blur", pointerUpCallback, { signal });
     window.addEventListener("pointerup", pointerUpCallback, { signal });
-    window.addEventListener("pointerdown", pointerDown, {
+    window.addEventListener(
-      capture: true,
+      "pointerdown",
-      passive: false,
+      stopEvent /* Avoid to have undesired clicks during the drawing. */,
-      signal,
+      {
-    });
+        capture: true,
+        passive: false,
+        signal,
+      }
+    );
     window.addEventListener("contextmenu", noContextMenu, { signal });
 
     textLayer.addEventListener(

src/display/editor/toolbar.js

@@ -13,7 +13,7 @@
  * limitations under the License.
  */
 
-import { noContextMenu } from "../display_utils.js";
+import { noContextMenu, stopEvent } from "../display_utils.js";
 
 class EditorToolbar {
   #toolbar = null;
@@ -81,14 +81,12 @@ class EditorToolbar {
 
   #focusIn(e) {
     this.#editor._focusEventsAllowed = false;
-    e.preventDefault();
+    stopEvent(e);
-    e.stopPropagation();
   }
 
   #focusOut(e) {
     this.#editor._focusEventsAllowed = true;
-    e.preventDefault();
+    stopEvent(e);
-    e.stopPropagation();
   }
 
   #addListenersToElement(element) {

src/display/editor/tools.js

@@ -32,6 +32,7 @@ import {
   getColorValues,
   getRGB,
   PixelsPerInch,
+  stopEvent,
 } from "../display_utils.js";
 import { HighlightToolbar } from "./toolbar.js";
 
@@ -501,8 +502,7 @@ class KeyboardManager {
     // For example, ctrl+s in a FreeText must be handled by the viewer, hence
     // the event must bubble.
     if (!bubbles) {
-      event.stopPropagation();
+      stopEvent(event);
-      event.preventDefault();
     }
   }
 }

src/pdf.js

@@ -61,6 +61,7 @@ import {
   PixelsPerInch,
   RenderingCancelledException,
   setLayerDimensions,
+  stopEvent,
 } from "./display/display_utils.js";
 import { AnnotationEditorLayer } from "./display/editor/annotation_editor_layer.js";
 import { AnnotationEditorUIManager } from "./display/editor/tools.js";
@@ -124,6 +125,7 @@ export {
   RenderingCancelledException,
   setLayerDimensions,
   shadow,
+  stopEvent,
   TextLayer,
   UnexpectedResponseException,
   Util,

test/unit/pdf_spec.js

@@ -53,6 +53,7 @@ import {
   PixelsPerInch,
   RenderingCancelledException,
   setLayerDimensions,
+  stopEvent,
 } from "../../src/display/display_utils.js";
 import { AnnotationEditorLayer } from "../../src/display/editor/annotation_editor_layer.js";
 import { AnnotationEditorUIManager } from "../../src/display/editor/tools.js";
@@ -102,6 +103,7 @@ const expectedAPI = Object.freeze({
   RenderingCancelledException,
   setLayerDimensions,
   shadow,
+  stopEvent,
   TextLayer,
   UnexpectedResponseException,
   Util,

web/app.js

@@ -53,6 +53,7 @@ import {
   MissingPDFException,
   PDFWorker,
   shadow,
+  stopEvent,
   UnexpectedResponseException,
   version,
 } from "pdfjs-lib";
@@ -715,8 +716,7 @@ const PDFViewerApplication = {
           if (item.type === "application/pdf") {
             evt.dataTransfer.dropEffect =
               evt.dataTransfer.effectAllowed === "copy" ? "copy" : "move";
-            evt.preventDefault();
+            stopEvent(evt);
-            evt.stopPropagation();
             return;
           }
         }
@@ -725,8 +725,7 @@ const PDFViewerApplication = {
         if (evt.dataTransfer.files?.[0].type !== "application/pdf") {
           return;
         }
-        evt.preventDefault();
+        stopEvent(evt);
-        evt.stopPropagation();
         eventBus.dispatch("fileinputchange", {
           source: this,
           fileInput: evt.dataTransfer,

web/grab_to_pan.js

@@ -14,6 +14,8 @@
  * limitations under the License.
  */
 
+import { stopEvent } from "pdfjs-lib";
+
 // Class name of element which can be grabbed.
 const CSS_CLASS_GRAB = "grab-to-pan-grab";
 
@@ -131,8 +133,7 @@ class GrabToPan {
       capture: true,
       signal: this.#scrollAC.signal,
     });
-    event.preventDefault();
+    stopEvent(event);
-    event.stopPropagation();
 
     const focusedElement = document.activeElement;
     if (focusedElement && !focusedElement.contains(event.target)) {

web/pdf_viewer.js

@@ -35,6 +35,7 @@ import {
   PermissionFlag,
   PixelsPerInch,
   shadow,
+  stopEvent,
   version,
 } from "pdfjs-lib";
 import {
@@ -748,8 +749,7 @@ class PDFViewer {
         this.#getAllTextInProgress ||
         textLayerMode === TextLayerMode.ENABLE_PERMISSIONS
       ) {
-        event.preventDefault();
+        stopEvent(event);
-        event.stopPropagation();
         return;
       }
       this.#getAllTextInProgress = true;
@@ -786,8 +786,7 @@ class PDFViewer {
           classList.remove("copyAll");
         });
 
-      event.preventDefault();
+      stopEvent(event);
-      event.stopPropagation();
     }
   }
 

web/pdfjs.js

@@ -51,6 +51,7 @@ const {
   RenderingCancelledException,
   setLayerDimensions,
   shadow,
+  stopEvent,
   TextLayer,
   UnexpectedResponseException,
   Util,
@@ -97,6 +98,7 @@ export {
   RenderingCancelledException,
   setLayerDimensions,
   shadow,
+  stopEvent,
   TextLayer,
   UnexpectedResponseException,
   Util,

web/text_layer_builder.js

@@ -20,7 +20,7 @@
 // eslint-disable-next-line max-len
 /** @typedef {import("./text_accessibility.js").TextAccessibilityManager} TextAccessibilityManager */
 
-import { normalizeUnicode, TextLayer } from "pdfjs-lib";
+import { normalizeUnicode, stopEvent, TextLayer } from "pdfjs-lib";
 import { removeNullCharacters } from "./ui_utils.js";
 
 /**
@@ -162,8 +162,7 @@ class TextLayerBuilder {
           removeNullCharacters(normalizeUnicode(selection.toString()))
         );
       }
-      event.preventDefault();
+      stopEvent(event);
-      event.stopPropagation();
     });
 
     TextLayerBuilder.#textLayers.set(div, end);