From 00a10dcbf64ee978fec06d1be4ce0d5481671722 Mon Sep 17 00:00:00 2001
From: Domagoj Kriskovic <dom.kriskovic@overleaf.com>
Date: Wed, 22 Jan 2025 13:17:24 +0100
Subject: [PATCH] Workaround for editor updating file when not focused in
 Safari (#23023)

GitOrigin-RevId: da9341b2cadf4b073eb4062619a9fa7bcba17c6b
---
 .../file-view/components/file-view-header.tsx        | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/services/web/frontend/js/features/file-view/components/file-view-header.tsx b/services/web/frontend/js/features/file-view/components/file-view-header.tsx
index f6a9143661..1aeb7b82f8 100644
--- a/services/web/frontend/js/features/file-view/components/file-view-header.tsx
+++ b/services/web/frontend/js/features/file-view/components/file-view-header.tsx
@@ -103,6 +103,18 @@ export default function FileViewHeader({ file }: FileViewHeaderProps) {
       {refreshError && (
         <FileViewRefreshError file={file} refreshError={refreshError} />
       )}
+
+      {/* Workaround for Safari issue: https://github.com/overleaf/internal/issues/21363
+       * The editor behind a file view receives key events and updates the file even if Codemirror view is not focused.
+       * Changing the focus to a hidden textarea prevents this
+       */}
+      <textarea
+        // eslint-disable-next-line jsx-a11y/no-autofocus
+        autoFocus
+        aria-hidden="true"
+        tabIndex={-1}
+        style={{ position: 'absolute', left: '-9999px' }}
+      />
     </>
   )
 }