fix(core/button): prevent interaction of ix-icon (#839)

Co-authored-by: Lukas Maurer <lukas.maurer@siemens.com>
siemens · Oct 12, 2023 · a0bd2af · a0bd2af
1 parent 87622f4
commit a0bd2af
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/packages/core/src/components/button/base-button.tsx b/packages/core/src/components/button/base-button.tsx
@@ -90,6 +90,7 @@ export function BaseButton(props: BaseButtonProps, children) {
       {props.loading ? <ix-spinner size="small" hideTrack></ix-spinner> : null}
       {props.icon && !props.loading ? (
         <ix-icon
+          class="icon"
           name={props.icon}
           size={props.iconSize as any}
           color={props.iconColor}

diff --git a/packages/core/src/components/button/button-mixin.scss b/packages/core/src/components/button/button-mixin.scss
@@ -143,6 +143,12 @@
     .content-start {
       width: 100%;
     }
+
+    .icon {
+      // Prevents icon to show title tooltip
+      // if embedded in ix-icon-button or ix-button[icon]
+      pointer-events: none;
+    }
   }
 
   :host(.disabled) {