I like to use the settings under the Presentation tab when editing Field Groups to get my interface layouts as tidy and compact as possible. That’s great for Classic Editor and when ACF Blocks are in “Edit” mode in the editor, but ACF handles these settings with float: left and width: n% inline in the page.
Set aside that outdated CSS approach for now; my main issue is that it still applies those styles even when the user switches to “Preview” mode, forcing the editing fields into the Block Editor sidebar.
I’ll admit there’s a slight possibility we’re dealing with some other overrides of my own that I added ages ago, but I don’t think so.
Before I submit a support ticket to the ACF team, I just wanted to see if others here are experiencing the same issue.
Incidentally, it’s easy enough to work around this with some admin CSS:
.block-editor .editor-sidebar .acf-field {
float: none !important;
width: 100% !important;
}
But it seems to me that overriding ACF’s default output should not be necessary.
