for what it’s worth, acf-input.js:9202:
// create new li var $li = $([ '<li data-id="' + term.term_id + '">', '<input id="tax-check-' + term.term_id + '" type="' + type + '" value="' + term.term_id + '" name="' + name + '" /> ', '<label for="tax-check-' + term.term_id + '">' + term.term_label + '</label>', '</li>' ].join(''));
… that ‘fixes’ the problem for me and now works as expected.
Do you think this change would be done in the core? As previously mentioned, neither of the 3 ways is incorrect by any means. It’s just that the current way doesn’t allow much styling control.
Ideally it should be input, then label.
Welcome to the Advanced Custom Fields community forum.
Browse through ideas, snippets of code, questions and answers between fellow ACF users
Helping others is a great way to earn karma, gain badges and help ACF development!
We've just released ACF 5.12.3 with a security fix to prevent arbitrary file uploads to forms with ACF fields.— Advanced Custom Fields (@wp_acf) July 14, 2022
Now that we've released this update, we recommend updating your sites as soon as possible.
© 2022 Advanced Custom Fields.