Being able to prevent ion-toggle from toggling

Hi,

I know there is the “disabled” property to completely prevent any click on the ion-toggle element but in some cases I would like to let the user clicks on the toggle, then it does an async process, and switch only if the process has succeeded.

For example, the user wants to turn ON an option that requires additional information (little form through a modal), if the user leaves the process, I would like to let the toggle on OFF (without seeing a quick transition OFF/ON/OFF).

I tried to catch the click event to stopPropagation… but it doesn’t work, the toggle continues to move.

Maybe the easiest solution would be to make us able to trigger stopPropagation from the $event passed inside ionChange.

What do you think 😃 ?

Thanks,

[khaledosman]

had the same usecase, listening to click event instead of ionChange and using

e.stopImmediatePropagation();
e.stopPropagation();
e.preventDefault();

did the trick however this only works if the user clicks on the toggle, if he swipes it the same issue exists and even worse it will not be caught by the click handler

[ionitron-bot[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.