Make sure ConfirmButton cannot be clicked when closed (#34818)

4 years ago · e38c6d73a0
parent 10f6638d9e
commit e38c6d73a0
1 changed files with 2 additions and 0 deletions
--- 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;