From 79878f93968820b95f08f9f31da3c1983e40b44f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20G=C3=B3is?= <github@nunogois.com>
Date: Fri, 1 Aug 2025 11:50:05 +0100
Subject: [PATCH] chore: fix interactive demo steps around constraint values

---
 .../DemoSteps/DemoStepTooltip/DemoStepTooltip.tsx  | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/frontend/src/component/demo/DemoSteps/DemoStepTooltip/DemoStepTooltip.tsx b/frontend/src/component/demo/DemoSteps/DemoStepTooltip/DemoStepTooltip.tsx
index 950b40f6ff..733433494a 100644
--- a/frontend/src/component/demo/DemoSteps/DemoStepTooltip/DemoStepTooltip.tsx
+++ b/frontend/src/component/demo/DemoSteps/DemoStepTooltip/DemoStepTooltip.tsx
@@ -105,7 +105,12 @@ export const DemoStepTooltip = ({
 
     if (step.target === 'body') {
         return (
-            <div {...tooltipProps}>
+            <div
+                onClick={(e) => {
+                    e.stopPropagation();
+                }}
+                {...tooltipProps}
+            >
                 <StyledDialog
                     open
                     onClose={(_, r) => {
@@ -160,7 +165,12 @@ export const DemoStepTooltip = ({
     }
 
     return (
-        <StyledTooltip {...tooltipProps}>
+        <StyledTooltip
+            onClick={(e) => {
+                e.stopPropagation();
+            }}
+            {...tooltipProps}
+        >
             <StyledCloseButton aria-label='close' onClick={onClose}>
                 <CloseIcon />
             </StyledCloseButton>