bug: manually dispatching click on disabled toggle, radio, and checkbox still activates elements

[liamdebeasi]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

v7.x

Current Behavior

Disabled form controls can still be activated by manually dispatching click events. This is happening because we only set pointer-events: none:

ionic-framework/core/src/components/toggle/toggle.scss

Line 68 in 3259da0

pointer-events: none;

This prevents users from clicking on the element, but it does not block manual click dispatches via JS.

Expected Behavior

Disabled form controls should never activate even when a click is manually dispatched.

Steps to Reproduce

1. Open code reproduction.
2. Click "Dispatch Click".
3. Observe that the listed form controls are activated even though they are disabled.

Code Reproduction URL

https://codepen.io/liamdebeasi/pen/yLGQMMG

Ionic Info

N/A

Additional Information

Originally reported on Discord: https://discord.com/channels/520266681499779082/520358571720966154/1159605276203302992

[liamdebeasi]

Input, textarea, range, and select don't seem to be impacted from my testing.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.