fix(button): include "pointerleave" in management of the "active" state

adobe · Feb 26, 2021 · 2e702e4 · 2e702e4
1 parent c7bacc0
commit 2e702e4
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/packages/button/src/ButtonBase.ts b/packages/button/src/ButtonBase.ts
@@ -212,9 +212,14 @@ export class ButtonBase extends LikeAnchor(
             if (this.active) {
                 this.addEventListener('focusout', this.handleRemoveActive);
                 this.addEventListener('pointerup', this.handleRemoveActive);
+                this.addEventListener('pointerleave', this.handleRemoveActive);
             } else {
                 this.removeEventListener('focusout', this.handleRemoveActive);
                 this.removeEventListener('pointerup', this.handleRemoveActive);
+                this.removeEventListener(
+                    'pointerleave',
+                    this.handleRemoveActive
+                );
             }
         }
         if (this.anchorElement) {