From 45150faca881127f7ada438562a4cfdd5d12b53a Mon Sep 17 00:00:00 2001
From: Valentin Degenne <vdegenne@gmail.com>
Date: Thu, 28 Aug 2025 15:17:11 +0200
Subject: [PATCH 1/2] fix(iconbutton): override and delegate click

---
 iconbutton/internal/icon-button.ts | 28 +++++++++-------------------
 1 file changed, 9 insertions(+), 19 deletions(-)

diff --git a/iconbutton/internal/icon-button.ts b/iconbutton/internal/icon-button.ts
index fba4927f92..02b1ffd27a 100644
--- a/iconbutton/internal/icon-button.ts
+++ b/iconbutton/internal/icon-button.ts
@@ -7,8 +7,8 @@
 import '../../focus/md-focus-ring.js';
 import '../../ripple/ripple.js';
 
-import {html, isServer, LitElement, nothing} from 'lit';
-import {property, state} from 'lit/decorators.js';
+import {html, LitElement, nothing} from 'lit';
+import {property, query, state} from 'lit/decorators.js';
 import {classMap} from 'lit/directives/class-map.js';
 import {literal, html as staticHtml} from 'lit/static-html.js';
 
@@ -144,10 +144,11 @@ export class IconButton extends iconButtonBaseClass implements FormSubmitter {
 
   @state() private flipIcon = isRtl(this, this.flipIconInRtl);
 
-  constructor() {
-    super();
-    if (!isServer) {
-      this.addEventListener('click', this.handleClick.bind(this));
+  @query('.button') private readonly buttonElement!: HTMLElement | null;
+
+  override click() {
+    if (!this.disabled && this.buttonElement) {
+      this.buttonElement?.click();
     }
   }
 
@@ -195,7 +196,7 @@ export class IconButton extends iconButtonBaseClass implements FormSubmitter {
     const {ariaLabel} = this as ARIAMixinStrict;
     return html`
       <a
-        class="link"
+        class="link button"
         id="link"
         href="${this.href}"
         download="${this.download || nothing}"
@@ -210,6 +211,7 @@ export class IconButton extends iconButtonBaseClass implements FormSubmitter {
     return {
       'flip-icon': this.flipIcon,
       'selected': this.toggle && this.selected,
+      'button': !this.href
     };
   }
 
@@ -248,18 +250,6 @@ export class IconButton extends iconButtonBaseClass implements FormSubmitter {
     super.connectedCallback();
   }
 
-  /** Handles a click on this element. */
-  private handleClick(event: MouseEvent) {
-    // If the icon button is soft-disabled, we need to explicitly prevent the
-    // click from propagating to other event listeners as well as prevent the
-    // default action.
-    if (!this.href && this.softDisabled) {
-      event.stopImmediatePropagation();
-      event.preventDefault();
-      return;
-    }
-  }
-
   /**
    * Handles a click on the child <div> or <button> element within this
    * element's shadow DOM.

From 2b6c59b9228a71031c3306e0260f2967b220385f Mon Sep 17 00:00:00 2001
From: Valentin Degenne <vdegenne@gmail.com>
Date: Thu, 28 Aug 2025 15:20:48 +0200
Subject: [PATCH 2/2] unecessary ?

---
 iconbutton/internal/icon-button.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/iconbutton/internal/icon-button.ts b/iconbutton/internal/icon-button.ts
index 02b1ffd27a..f8ad7765da 100644
--- a/iconbutton/internal/icon-button.ts
+++ b/iconbutton/internal/icon-button.ts
@@ -148,7 +148,7 @@ export class IconButton extends iconButtonBaseClass implements FormSubmitter {
 
   override click() {
     if (!this.disabled && this.buttonElement) {
-      this.buttonElement?.click();
+      this.buttonElement.click();
     }
   }