From c073a88fb8a8e2da55abaf79d2024bc84fdc2ee4 Mon Sep 17 00:00:00 2001
From: Alf Eaton <alf.eaton@overleaf.com>
Date: Tue, 6 May 2025 13:43:33 +0100
Subject: [PATCH] Merge pull request #25261 from overleaf/ae-textlayer-layer

Move `will-change: transform` to textLayer

GitOrigin-RevId: 15fdd919da54ed95e115d664156066e6fda36982
---
 .../stylesheets/bootstrap-5/pages/editor/pdf.scss   | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/pdf.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/pdf.scss
index 8649eacd1c..df5c9e2b77 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/pdf.scss
+++ b/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 {