The annotation layer dimensions must be set before adding some elemen…

…ts (follow-up of mozilla#15770)

In order to move the annotations in the DOM to have something which corresponds
to the visual order, we need to have their dimensions/positions which means that
the parent must have some dimensions.

src/display/annotation_layer.js

@@ -2585,6 +2585,7 @@ class AnnotationLayer {
    */
   static render(parameters) {
     const { annotations, div, viewport, accessibilityManager } = parameters;
+    setLayerDimensions(div, viewport);
 
     let zIndex = 0;
 
@@ -2652,7 +2653,6 @@ class AnnotationLayer {
     }
 
     this.#setAnnotationCanvasMap(div, parameters.annotationCanvasMap);
-    setLayerDimensions(div, viewport);
   }
 
   /**

test/integration/accessibility_spec.js

@@ -106,4 +106,37 @@ describe("accessibility", () => {
       );
     });
   });
+
+  describe("Annotations order", () => {
+    let pages;
+
+    beforeAll(async () => {
+      pages = await loadAndWait("fields_order.pdf", ".annotationLayer");
+    });
+
+    afterAll(async () => {
+      await closePages(pages);
+    });
+
+    it("must check that the text fields are in the visual order", async () => {
+      await Promise.all(
+        pages.map(async ([browserName, page]) => {
+          const ids = await page.evaluate(() => {
+            const elements = document.querySelectorAll(
+              ".annotationLayer .textWidgetAnnotation"
+            );
+            const results = [];
+            for (const element of elements) {
+              results.push(element.getAttribute("data-annotation-id"));
+            }
+            return results;
+          });
+
+          expect(ids)
+            .withContext(`In ${browserName}`)
+            .toEqual(["32R", "30R", "31R", "34R", "29R", "33R"]);
+        })
+      );
+    });
+  });
 });