Merge pull request #614 from d-i-t-a/feature/prevent-scroll-while-sel…

…ection

Added configurable flag for preventing scrolling while text is being selected

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@d-i-t-a/reader",
-  "version": "2.3.18",
+  "version": "2.4.0",
   "description": "A viewer application for EPUB files.",
   "repository": "https://github.com/d-i-t-a/R2D2BC",
   "license": "Apache-2.0",

src/modules/highlight/TextHighlighter.ts

@@ -138,6 +138,7 @@ let lastMouseDownY = -1;
 export interface TextHighlighterProperties {
   selectionMenuItems?: Array<SelectionMenuItem>;
   menuPosition?: MenuPosition;
+  preventScrollOnSelection?: boolean;
 }
 
 export interface TextHighlighterConfig extends TextHighlighterProperties {
@@ -674,6 +675,13 @@ export class TextHighlighter {
   async mousedown(ev: MouseEvent) {
     lastMouseDownX = ev.clientX;
     lastMouseDownY = ev.clientY;
+    if (this.properties?.preventScrollOnSelection) {
+      const wrapper = HTMLUtilities.findRequiredElement(
+        document,
+        "#iframe-wrapper"
+      );
+      wrapper.style.overflow = "hidden";
+    }
   }
 
   async mouseup(ev: MouseEvent) {
@@ -924,6 +932,13 @@ export class TextHighlighter {
     let toolbox = document.getElementById("highlight-toolbox");
     if (toolbox) toolbox.style.display = "none";
     this.selectionMenuClosed();
+    if (this.properties?.preventScrollOnSelection) {
+      const wrapper = HTMLUtilities.findRequiredElement(
+        document,
+        "#iframe-wrapper"
+      );
+      wrapper.style.overflow = "auto";
+    }
   }
 
   // Use short timeout to let the selection updated to 'finish', otherwise some

viewer/index_dita.html

@@ -1179,6 +1179,7 @@
                         console.log("selectionMenuClose");
                     },
                 },
+                preventScrollOnSelection: true,
             },
             annotations: {
                 enableComments: true,