fix(button): use pointer-events to avoid native click

juntossomosmais · Jul 15, 2023 · ad88152 · ad88152
1 parent 728851a
commit ad88152
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/packages/core/src/components/button/button.scss b/packages/core/src/components/button/button.scss
@@ -7,6 +7,10 @@
   display: block;
 }
 
+:host(.is-disabled) {
+  pointer-events: none;
+}
+
 .atom-button {
   text-transform: inherit;
 

diff --git a/packages/core/src/components/button/button.tsx b/packages/core/src/components/button/button.tsx
@@ -26,6 +26,7 @@ export class AtomButton {
       <Host
         class={{
           [`expand-${this.expand}`]: !!this.expand,
+          [`is-disabled`]: this.disabled,
         }}
       >
         <ion-button