From: Mathieu Suen <mathieu.suen@sonarsource.com>
Date: Tue, 18 Jun 2024 09:19:13 +0000 (+0200)
Subject: NO JIRA Fixing the spotlight when element is insert in the DOM after it render the... 
X-Git-Tag: 10.6.0.92116~19
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=7101aed3aa956ada3dfc87329b39b9f5cabcf5a3;p=sonarqube.git

NO JIRA Fixing the spotlight when element is insert in the DOM after it render the tooltip
---

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"