Merge pull request #102 from openinfradev/bugfix-event-bubbling

Bugfix. Stop event bubbling on button
openinfradev · May 6, 2024 · d428b60 · d428b60
2 parents d994b62 + bb2c04f
commit d428b60
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "tksui-components",
-    "version": "0.6.19",
+    "version": "0.6.20",
     "private": false,
     "type": "module",
     "module": "lib/esm/index.js",

diff --git a/src/components/button/button/TButton.tsx b/src/components/button/button/TButton.tsx
@@ -58,6 +58,11 @@ const TButton = forwardRef((props: TButtonProps, ref: Ref<TButtonRef>) => {
         }
     }, [props, ripple]);
 
+    const onClick = useCallback((event: MouseEvent) => {
+
+        event.stopPropagation();
+    }, []);
+
     // endregion
 
 
@@ -140,6 +145,7 @@ const TButton = forwardRef((props: TButtonProps, ref: Ref<TButtonRef>) => {
                 onMouseLeave={onMouseLeave}
                 onKeyDown={onKeyDown}
                 onKeyUp={onKeyUp}
+                onClick={onClick}
                 disabled={props.disabled}
                 tabIndex={(props.disabled || props.loading) ? -1 : 0}
                 {...TooltipUtil.convertToTooltipAttributes(props)}