From 3e72374f369e5f6f9911b7b256a35d151386f8c3 Mon Sep 17 00:00:00 2001
From: David <33458145+davidmcpowell@users.noreply.github.com>
Date: Mon, 22 Sep 2025 13:11:47 +0100
Subject: [PATCH] Merge pull request #28626 from overleaf/dp-scroll-to-ai

Add setTimeout to scrolling to ai suggestedfix on gutter click

GitOrigin-RevId: 83663b7b7ee599aad689aee5f5526631a811829c
---
 .../pdf-preview/hooks/use-log-events.ts       | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/services/web/frontend/js/features/pdf-preview/hooks/use-log-events.ts b/services/web/frontend/js/features/pdf-preview/hooks/use-log-events.ts
index ea64f1527c..ef11c43cee 100644
--- a/services/web/frontend/js/features/pdf-preview/hooks/use-log-events.ts
+++ b/services/web/frontend/js/features/pdf-preview/hooks/use-log-events.ts
@@ -8,6 +8,15 @@ import { useRailContext } from '@/features/ide-redesign/contexts/rail-context'
 import { useEditorContext } from '@/shared/context/editor-context'
 import useEventListener from '@/shared/hooks/use-event-listener'
 
+function scrollIntoView(element: Element) {
+  setTimeout(() => {
+    element.scrollIntoView({
+      block: 'start',
+      inline: 'nearest',
+    })
+  })
+}
+
 /**
  * This hook adds an event listener for events dispatched from the editor to the compile logs pane
  */
@@ -25,10 +34,7 @@ export const useLogEvents = (setShowLogs: (show: boolean) => void) => {
       )
 
       if (element) {
-        element.scrollIntoView({
-          block: 'start',
-          inline: 'nearest',
-        })
+        scrollIntoView(element)
 
         if (suggestFix) {
           // if they are paywalled, click that instead
@@ -37,10 +43,7 @@ export const useLogEvents = (setShowLogs: (show: boolean) => void) => {
           )
 
           if (paywall) {
-            paywall.scrollIntoView({
-              block: 'start',
-              inline: 'nearest',
-            })
+            scrollIntoView(paywall)
             paywall.click()
           } else {
             element
@@ -66,10 +69,7 @@ export const useLogEvents = (setShowLogs: (show: boolean) => void) => {
         )
 
         if (logEntry) {
-          logEntry.scrollIntoView({
-            block: 'start',
-            inline: 'nearest',
-          })
+          scrollIntoView(logEntry)
 
           const expandCollapseButton =
             logEntry.querySelector<HTMLButtonElement>(