acf form_gutenberg jquery error

• virgodesign

• December 15, 2018 at 4:06 am

Hi,
I would like to report a possible issue related to ACF5 with Gutenberg.
Sometimes happens that the browser console report the following error
$ is not a function
blocking the execution of the gutenberg editor screen.

This issue is related to a bit of javascript code that resides in the following acf plugin file

includes/forms/form_gutenberg.php

The piece of code is at line 78, within the admin_footer function:

<script type="text/javascript">
	$('#normal-sortables').before( $('#acf-form-after-title') );
</script>

It would be more safier using the following snippet

<script type="text/javascript">
	(function($) {
		$('#normal-sortables').before( $('#acf-form-after-title') );
	})(jQuery);
</script>

In my case the $ is not a function error will disappear.
Hope could be useful.

Thanks in advance.