I’m having an issue where I am unable to edit Gutenberg patterns that contain ACF blocks. After clicking the “Edit original” link to edit the pattern containing the ACF block, the fields for that block appear but the styling is missing (see attached).
I created a test site with only ACF Pro installed, the underscores theme and a simple ACF block defined and was able to reproduce the issue.
I’ve contact WP Engine about the issue and got this response:
===============
This behavior is actually due to a limitation introduced in recent versions of WordPress core.
Our development team is actively looking into possible workarounds to improve usability in this context, but we don’t have an estimated timeline for a solution just yet.
===============
I’m curious if others have come across this issue and if there are any fixes or workarounds.
I noticed the same issue and editing reusable blocks is a real pain now. I wrote a support ticket too and I am glad, that this issue will be investigated and hopefully fixed within next update.
I only develop self-built themes, so it must definitely have to do with wordpress core and not the theme or incompatibility with a plugin.
I’m afraid it’s not something you can fix yourself (unless you want to edit the core files of ACF).
This reply has been marked as private.
Also having this issue on all our client sites. Any word on a fix?
Looks like the latest update is forcing preview mode when editing patterns. We force edit mode on site, so this causes a different issue where an unstyled version of the front end code renders in the editor.
Is there an issue with the way Gutenberg uses an iframe in the pattern editor?
The solution to force preview mode is not satisfying if you use “big” fields like tinymce editor or fields next to each other.
Please find a solution for auto mode as it works without reusable blocks. This seems to be more a workaround than a fix.
