Merge pull request #25261 from overleaf/ae-textlayer-layer

Move `will-change: transform` to textLayer

GitOrigin-RevId: 15fdd919da54ed95e115d664156066e6fda36982

services/web/frontend/stylesheets/bootstrap-5/pages/editor/pdf.scss

@@ -193,7 +193,6 @@
     div.pdf-canvas {
       background: white;
       box-shadow: 0 0 10px rgb(0 0 0 / 50%);
-      will-change: transform;
     }
 
     div.pdf-canvas.pdfng-empty {
@@ -237,6 +236,18 @@
       outline: none;
     }
 
+    /* Avoid slowdown in Safari when text layers are reset on selection change */
+    /* stylelint-disable-next-line selector-class-pattern */
+    .textLayer {
+      will-change: transform;
+    }
+
+    /* Avoid multiple small layers within annotation layer */
+    /* stylelint-disable-next-line selector-class-pattern */
+    .annotationLayer {
+      will-change: transform;
+    }
+
     /* Avoids https://github.com/mozilla/pdf.js/issues/13840 in Chrome */
     /* stylelint-disable-next-line selector-class-pattern */
     .textLayer br::selection {