fix(input, select, textarea): emit one click event when slotted content is clicked

[thetaPC]

Issue number: resolves internal

---

What is the current behavior?

Clicking content in the start or end slot behaves differently in each form control. ion-input and ion-textarea emit the click event twice, while ion-select emits once but does not respond to the click at all.

The duplicate comes from the browser rather than from Ionic emitting twice. The wrapping <label> forwards the click to the native control, and that forwarded click is re-emitted from the host. Browsers skip this forwarding when the click lands on interactive content, which is why slotted buttons were never affected.

ion-select separately cancels the default action on every slotted click. A slotted link does not navigate and a slotted checkbox does not toggle, while the same markup works in ion-input.

What is the new behavior?

• Clicking slotted content emits a single click event from all three components.
• Decorative slotted content now activates the control: ion-input and ion-textarea focus, ion-select opens.
• Interactive slotted content, such as a button or a link, keeps its own behavior and does not activate the control.
• Slotted links and form controls work inside ion-select.

Does this introduce a breaking change?

• Yes
• No

Other information

Previews:

• Input
• Textarea
• Select

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
ionic-framework	Ready	Preview	Sep 11, 2026 5:41pm UTC

[brandyscarney]

I will leave more info on the ticket!

[brandyscarney]

This looks good! Great work! I left one optional suggestion to check for radio checked, but I'm fine with this either way!