From 7101aed3aa956ada3dfc87329b39b9f5cabcf5a3 Mon Sep 17 00:00:00 2001
From: Mathieu Suen <mathieu.suen@sonarsource.com>
Date: Tue, 18 Jun 2024 11:19:13 +0200
Subject: [PATCH] NO JIRA Fixing the spotlight when element is insert in the
 DOM after it render the tooltip

---
 .../design-system/src/components/SpotlightTour.tsx     | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/server/sonar-web/design-system/src/components/SpotlightTour.tsx b/server/sonar-web/design-system/src/components/SpotlightTour.tsx
index c5be29f5a48..a5481d261f0 100644
--- a/server/sonar-web/design-system/src/components/SpotlightTour.tsx
+++ b/server/sonar-web/design-system/src/components/SpotlightTour.tsx
@@ -152,7 +152,15 @@ function TooltipComponent({
         </SpotlightArrowWrapper>
       )}
 
-      <div className="sw-flex sw-justify-between" ref={setRef}>
+      <div
+        className="sw-flex sw-justify-between"
+        ref={(r) => {
+          setRef(r);
+          setTimeout(() => {
+            setTimeStamp(1);
+          }, 100);
+        }}
+      >
         <strong className="sw-body-md-highlight sw-mb-2">{step.title}</strong>
         <WrapperButton
           className="sw-w-[30px] sw-h-[30px] sw--mt-2 sw--mr-2 sw-flex sw-justify-center"
-- 
2.39.5