[core] fix(Button): always exit active state if blurred (#4309)

Author: jaamison

packages/core/src/components/button/abstractButton.tsx

@@ -127,6 +127,7 @@ export abstract class AbstractButton<H extends React.HTMLAttributes<HTMLElement>
         return {
             className,
             disabled,
+            onBlur: this.handleBlur,
             onClick: disabled ? undefined : this.props.onClick,
             onKeyDown: this.handleKeyDown,
             onKeyUp: this.handleKeyUp,
@@ -162,6 +163,13 @@ export abstract class AbstractButton<H extends React.HTMLAttributes<HTMLElement>
         this.props.onKeyUp?.(e);
     };
 
+    protected handleBlur = (e: React.FocusEvent<any>) => {
+        if (this.state.isActive) {
+            this.setState({ isActive: false });
+        }
+        this.props.onBlur?.(e);
+    };
+
     protected renderChildren(): React.ReactNode {
         const { children, icon, loading, rightIcon, text } = this.props;
         return [