chore: internal change

PiperOrigin-RevId: 879890011

Author: material-web-copybara

iconbutton/internal/icon-button.ts

@@ -267,8 +267,9 @@ export class IconButton extends iconButtonBaseClass implements FormSubmitter {
 
   private renderRipple() {
     const isRippleDisabled = !this.href && (this.disabled || this.softDisabled);
+    // TODO(b/310046938): use the same id for both elements
     return html`<md-ripple
-      .control=${this}
+      for=${this.href ? 'link' : nothing}
       ?disabled="${isRippleDisabled}"></md-ripple>`;
   }
 

internal/events/dispatch-hooks.ts

@@ -154,7 +154,7 @@ export function setupDispatchHooks(
         // Re-dispatch the event. We can't reuse `redispatchEvent()` since we
         // need to add the hooks to the copy before it's dispatched.
         isRedispatching = true;
-        const dispatched = element.dispatchEvent(eventCopy);
+        const dispatched = event.composedPath()[0].dispatchEvent(eventCopy);
         isRedispatching = false;
         if (!dispatched) {
           event.preventDefault();

internal/events/dispatch-hooks_test.ts

@@ -39,6 +39,21 @@ describe('dispatch hooks', () => {
         .withContext('element.addEventListener')
         .toHaveBeenCalledTimes(3);
     });
+
+    it('triggers internal event listeners when a composed element is the source of the event', () => {
+      const shadowRoot = element.attachShadow({mode: 'open'});
+      const composedElement = document.createElement('button');
+      shadowRoot.appendChild(composedElement);
+      const innerClickListener = jasmine.createSpy('innerClickListener');
+      composedElement.addEventListener('click', innerClickListener);
+
+      setupDispatchHooks(element, 'click');
+      composedElement.click();
+
+      expect(innerClickListener)
+        .withContext('innerClickListener')
+        .toHaveBeenCalledTimes(1);
+    });
   });
 
   describe('afterDispatch()', () => {