Customizer doesn't load if ACF (Pro) is active

[mapsteps]

Issue description:

Hey there,

figured that the customizer gets stuck, throwing the following error if ACF Pro (not tested with the regular version) is active:

"Error: Option 'data' is not allowed for Select2 when attached to a element." Version used: Latest dev

[aristath]

what kind of controls are you using?
select2 is used in select, typography and repeater controls...
Which file is it that throws this error in the console?

[mapsteps]

I've just created a new site and was only using a textarea field.
With kirki, I use several typography fields, etc.
File: advanced-custom-fields-pro/assets/inc/select2/3/select2.min.js

[hellor0bot]

@mapsteps, add this to your functions.php and update ACF Pro to the latest version:

/**
 * Change Select 2 version
 */
function kirki_acf_select2_version() {
	return 4;
}
add_filter( 'acf/settings/select2_version', 'kirki_acf_select2_version' );

It will force ACF Pro to use the latest version of select2.

[mapsteps]

@hellor0bot, that works for me, thanks!

I am running the latest ACF Pro version. Just tried it on a fresh install and figured that the error occurs by just having ACF Pro activated.

Thanks again!
Best,
David

[aristath]

Added to the plugin too 👍
Thanks @hellor0bot!

[hellor0bot]

@aristath Glad I could be helpful :)

I think we should specifically target the customizer view by adding this:

/**
 * Change Select 2 version
 */
function kirki_acf_select2_version() {
	if ( is_customize_preview() ) {
		return 4;
	}
}
add_filter( 'acf/settings/select2_version', 'kirki_acf_select2_version' );

The reason, why Elliot from ACF doesn't update Select to v4 is because the v4 doesn't have the sorting feature. ACF obviously enqueues its Select2 script for supporting widgets in the Customizer. So we can override the Select2 version for ACF Pro only on the Customizer screen with the conditional tag. I've just tested it and its' working fine.

[aristath]

Done. 👍

[mapsteps]

Issue is back. (ACF Pro - Version 5.5.14)

[aristath]

fixed

[mapsteps]

Hey @aristath,

not sure if this can be removed. I've just discovered that ACF updated the Select2 js library to v4

[aristath]

(y) removed.