From a7a9d002cb7a3c953f28d94f86e38d17fbec6564 Mon Sep 17 00:00:00 2001
From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com>
Date: Mon, 31 May 2021 04:07:31 -0400
Subject: [PATCH] Make sure ConfirmButton cannot be clicked when closed
 (#34818) (#34967)

(cherry picked from commit e38c6d73a09609468d8282c91617d9cfe25e8313)

Co-authored-by: Alex Khomenko <Clarity-89@users.noreply.github.com>
---
 .../grafana-ui/src/components/ConfirmButton/ConfirmButton.tsx   | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/grafana-ui/src/components/ConfirmButton/ConfirmButton.tsx b/packages/grafana-ui/src/components/ConfirmButton/ConfirmButton.tsx
index e519d246cdb..7877650d01a 100644
--- a/packages/grafana-ui/src/components/ConfirmButton/ConfirmButton.tsx
+++ b/packages/grafana-ui/src/components/ConfirmButton/ConfirmButton.tsx
@@ -155,12 +155,14 @@ const getStyles = stylesFactory((theme: GrafanaTheme) => {
       display: flex;
       overflow: hidden;
       position: absolute;
+      pointer-events: none;
     `,
     confirmButtonShow: css`
       z-index: 1;
       opacity: 1;
       transition: opacity 0.08s ease-out, transform 0.1s ease-out;
       transform: translateX(0);
+      pointer-events: all;
     `,
     confirmButtonHide: css`
       opacity: 0;