From 3297d589c06cfa44e202c4e14790026330404704 Mon Sep 17 00:00:00 2001
From: Ashley Harrison <ashley.harrison@grafana.com>
Date: Mon, 18 Mar 2024 12:04:43 +0000
Subject: [PATCH] ConfirmButton: Stop pointerEvents on the correct element
 (#84648)

stop pointerEvents on the correct element
---
 .../grafana-ui/src/components/ConfirmButton/ConfirmButton.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/grafana-ui/src/components/ConfirmButton/ConfirmButton.tsx b/packages/grafana-ui/src/components/ConfirmButton/ConfirmButton.tsx
index da6705b0adb..850da68b49e 100644
--- a/packages/grafana-ui/src/components/ConfirmButton/ConfirmButton.tsx
+++ b/packages/grafana-ui/src/components/ConfirmButton/ConfirmButton.tsx
@@ -151,17 +151,18 @@ const getStyles = (theme: GrafanaTheme2) => {
     confirmButtonContainer: css({
       overflow: 'visible',
       position: 'absolute',
+      pointerEvents: 'all',
       right: 0,
     }),
     confirmButtonContainerHide: css({
       overflow: 'hidden',
+      pointerEvents: 'none',
     }),
     confirmButton: css({
       alignItems: 'flex-start',
       background: theme.colors.background.primary,
       display: 'flex',
       opacity: 1,
-      pointerEvents: 'all',
       transform: 'translateX(0)',
       transition: theme.transitions.create(['opacity', 'transform'], {
         duration: theme.transitions.duration.shortest,
@@ -171,7 +172,6 @@ const getStyles = (theme: GrafanaTheme2) => {
     }),
     confirmButtonHide: css({
       opacity: 0,
-      pointerEvents: 'none',
       transform: 'translateX(100%)',
       transition: theme.transitions.create(['opacity', 'transform', 'visibility'], {
         duration: theme.transitions.duration.shortest,