ACF Pro 5.7.0 beta – Media Modal not working with Gutenberg editor about acf HOT 15 OPEN

Hi @VeVas

Thanks for the bug report. I'll perform some testing and get back to you shortly

from acf.

I've just done some testing, but can't replicate the issue.
Can you please check your console log for any JS errors?

I did notice a different issue (much larger) which is no click event is working on ACF fields!
This is most likely due to some new JS added in Gutenberg to capture all click events and prevent the listeners.

I'll flag this with core if not already fixed.

from acf.

Hmm, ok. This is the console output:

ACF Pro 5.6.10 (Working):

ACF PRO 5.7.0-beta3 (Not working):

Let me know, and I can send you the log files :)

from acf.

Thanks for the reply.

Can you replicate this on a fresh WP setup without any other plugins / theme installed?
If so, please also export your field group to .json and attach to your reply. I'll import the same fields and test again.

from acf.

Same issues with fresh install. See json-code below. Tested both in local dev environment and live production server now.

[ { "key": "group_5ae6d348313c9", "title": "test_group", "fields": [ { "key": "field_5ae6d34f1241c", "label": "image", "name": "image", "type": "image", "instructions": "", "required": 0, "conditional_logic": 0, "wrapper": { "width": "", "class": "", "id": "" }, "return_format": "array", "preview_size": "thumbnail", "library": "all", "min_width": "", "min_height": "", "min_size": "", "max_width": "", "max_height": "", "max_size": "", "mime_types": "" }, { "key": "field_5ae6d3571241d", "label": "file", "name": "file", "type": "file", "instructions": "", "required": 0, "conditional_logic": 0, "wrapper": { "width": "", "class": "", "id": "" }, "return_format": "array", "library": "all", "min_size": "", "max_size": "", "mime_types": "" }, { "key": "field_5ae6d35f1241e", "label": "gallery", "name": "gallery", "type": "gallery", "instructions": "", "required": 0, "conditional_logic": 0, "wrapper": { "width": "", "class": "", "id": "" }, "min": "", "max": "", "insert": "append", "library": "all", "min_width": "", "min_height": "", "min_size": "", "max_width": "", "max_height": "", "max_size": "", "mime_types": "" } ], "location": [ [ { "param": "post_type", "operator": "==", "value": "page" } ] ], "menu_order": 0, "position": "normal", "style": "default", "label_placement": "top", "instruction_placement": "label", "hide_on_screen": "", "active": 1, "description": "" } ]

from acf.

I'm seeing the same thing on a fresh install using 5.7.0-beta3. Media gallery modals don't open and also don't trigger any console warnings.

Works fine (but with hook name warnings) in 5.6.10.

from acf.

Hi guys,

Thanks for the updates. This appears to be fixed in the latest build (beta4) which will be released later this week!

from acf.

Some errors are fixed in beta4 but not all of them. See image below with some 404 .css problems.

from acf.

Hi @andremacola

Thanks for the reply. The errors you have reported are coming from .css files outside of the ACF PRO plugin. Are you sure these issues are related to ACF PRO?

from acf.

@elliotcondon well, no errors when deactivating ACF PRO and another problem is occurring with me is field previously saved at sidebar location (5.6 field), when changing for after content, nothing happens (always using gutenberg). I need to duplicate the group. This happened to me twice.

from acf.

@elliotcondon I think this is something with Editor and Gallery Field

The Editor Field is blank at Gutenberg.

Do I need to create another issue ticket? For better organization.

from acf.

Thanks @andremacola

I've just added this to my to-do list and will be sure to test this thoroughly over the next few weeks as we shift focus to Gutenberg testing.

from acf.

@elliotcondon Everything seems to be working fine with latest version of Gutenberg (2.9.2) and WordPress (4.9.6), when ACF 5.7.0 beta-4 version is installed.

@andremacola I experienced some errors when Gutenberg and WordPress was "out of sync", is the problem still there if you update both to the versions I mention above?

from acf.

@VeVas did you try all the ACF Fields? Especially the Editor and Gallery fields?

from acf.

@andremacola Yes, I checked all the fields using the media modal. But I just noticed that the editor is not working when I create a new page, only on existing pages. Seems to be related with a lot of treads in the Gutenberg issues regarding loading of TinyMCE-versions.

from acf.