aui-toggle change event is getting triggered even when value got changed with jquery in latest AUI

Question

aui-toggle change event is getting triggered even when value got changed with jquery in latest AUI version.

This was not happening in the previous version of AUI (7.6.3).

When I reset the aui-toggle value with below script in change, it is triggering the change event again and it is going into a recursive infinite loop.

AJS.$('#sometoggle').on('change', function(e) {

$(thisObj).prop("checked", !thisObj.checked);

});

Daz · Answer

Thanks for resurfacing this threadm @Snir Weiss. I agree that this behaviour is problematic, so I have raised https://ecosystem.atlassian.net/browse/AUI-5071, and will follow up with the team to determine an appropriate fix version and timeframe.

Thanks for your patience.

Snir Weiss · Answer

We've encountered this issue also. thanks for the workaround.

@Daz The use case is so straight-forward that you actually have an example for it in the documentation at https://docs.atlassian.com/aui/8.1.0/docs/toggle-button.html.

The WiFi example is broken, and it is stuck in an infinite loop.

unknown · Answer

No update on this, there is no direct solution for this. I used below workaround to resolve my issue.

- Just make change event off before changing the value and attach the actual handler after changing the value as below.

AJS.$('#sometoggle').on('change', function(e) {

$(thisObj).off('change');

$(thisObj).prop("checked", !thisObj.checked);

$(thisObj).on('change', handlerMethodRef);
});