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

diff --git a/server/sonar-web/design-system/src/components/SpotlightTour.tsx b/server/sonar-web/design-system/src/components/SpotlightTour.tsx
index c5be29f5a4871330971b232a6944d420f28cb4f3..a5481d261f092aca451bd3fa0fa6d98469978a0e 100644 (file)
--- 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"