Merge pull request #17775 from calixteman/bug1883632

[Editor] Let a free highlight be clipped when its bounding box exceeds the page limits (bug 1883632)

src/display/editor/editor.js

@@ -512,6 +512,14 @@ class AnnotationEditor {
     }
   }
 
+  /**
+   * @returns {boolean} true if position must be fixed (i.e. make the x and y
+   * living in the page).
+   */
+  get _mustFixPosition() {
+    return true;
+  }
+
   /**
    * Fix the position of the editor in order to keep it inside its parent page.
    * @param {number} [rotation] - the rotation of the page.
@@ -524,6 +532,7 @@ class AnnotationEditor {
     x *= pageWidth;
     y *= pageHeight;
 
+    if (this._mustFixPosition) {
       switch (rotation) {
         case 0:
           x = Math.max(0, Math.min(pageWidth - width, x));
@@ -542,6 +551,7 @@ class AnnotationEditor {
           y = Math.max(0, Math.min(pageHeight - width, y));
           break;
       }
+    }
 
     this.x = x /= pageWidth;
     this.y = y /= pageHeight;

src/display/editor/highlight.js

@@ -629,6 +629,11 @@ class HighlightEditor extends AnnotationEditor {
     }
   }
 
+  /** @inheritdoc */
+  get _mustFixPosition() {
+    return !this.#isFreeHighlight;
+  }
+
   #getRotation() {
     // Highlight annotations are always drawn horizontally but if
     // a free highlight annotation can be rotated.

test/integration/highlight_editor_spec.mjs

@@ -1398,4 +1398,47 @@ describe("Highlight Editor", () => {
       );
     });
   });
+
+  describe("Highlight editor mustn't be moved when close to the page limits", () => {
+    let pages;
+
+    beforeAll(async () => {
+      pages = await loadAndWait("empty.pdf", ".annotationEditorLayer");
+    });
+
+    afterAll(async () => {
+      await closePages(pages);
+    });
+
+    it("must check the editor coordinates", async () => {
+      await Promise.all(
+        pages.map(async ([browserName, page]) => {
+          await page.click("#editorHighlight");
+          await page.waitForSelector(".annotationEditorLayer.highlightEditing");
+
+          const rect = await page.$eval(".annotationEditorLayer", el => {
+            const { x, y } = el.getBoundingClientRect();
+            return { x, y };
+          });
+
+          const clickHandle = await waitForPointerUp(page);
+          await page.mouse.move(rect.x + 1, rect.y + 50);
+          await page.mouse.down();
+          await page.mouse.move(rect.x + 1, rect.y + 100);
+          await page.mouse.up();
+          await awaitPromise(clickHandle);
+
+          await page.waitForSelector(getEditorSelector(0));
+          const editorX = await page.$eval(
+            getEditorSelector(0),
+            el => el.getBoundingClientRect().x
+          );
+
+          expect(editorX < rect.x)
+            .withContext(`In ${browserName}`)
+            .toBeTrue();
+        })
+      );
+    });
+  });
 });