Prevent event propagation on step_duration (#122039)

elastic · Dec 28, 2021 · 4c07aba · 4c07aba
1 parent 7e7319b
commit 4c07aba
Showing 1 changed file with 3 additions and 0 deletions.
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
@@ -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)}