From 4c07aba4a200f6a057758e17e8cc2483a3b60637 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Emilio=20Alvarez=20Pi=C3=B1eiro?=
 <95703246+emilioalvap@users.noreply.github.com>
Date: Tue, 28 Dec 2021 10:33:28 +0100
Subject: [PATCH] Prevent event propagation on step_duration (#122039)

---
 .../public/components/synthetics/check_steps/step_duration.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/x-pack/plugins/uptime/public/components/synthetics/check_steps/step_duration.tsx b/x-pack/plugins/uptime/public/components/synthetics/check_steps/step_duration.tsx
index 182018d0881e..6f995665d7ce 100644
--- a/x-pack/plugins/uptime/public/components/synthetics/check_steps/step_duration.tsx
+++ b/x-pack/plugins/uptime/public/components/synthetics/check_steps/step_duration.tsx
@@ -5,6 +5,8 @@
  * 2.0.
  */
 
+import type { MouseEvent } from 'react';
+
 import * as React from 'react';
 import { EuiButtonEmpty, EuiPopover } from '@elastic/eui';
 import { useMemo } from 'react';
@@ -55,6 +57,7 @@ export const StepDuration = ({
 
   return (
     <EuiPopover
+      onClick={(evt: MouseEvent<HTMLDivElement>) => evt.stopPropagation()}
       isOpen={durationPopoverOpenIndex === step.synthetics.step?.index}
       button={button}
       closePopover={() => setDurationPopoverOpenIndex(null)}