ACF fields floating right in Safari 18

• reddeleon

• September 25, 2024 at 5:53 pm

I’m running into an issue in WPAdmin using Safari 18, WordPress 6.6.2, and ACF Pro 6.3.6 where the ACF custom fields are floating right and end up on top of the WPAdmin sidebar. It doesn’t seem to be happening in Chrome (129). I’m unable to find the exact time when it started occurring (in the last few months) and I can’t tell if it’s Safari, WordPress, or ACF that changed.

Anyone else running into this issue? See screenshot attached.

Screenshot-2....jpeg

• reddeleon

• September 25, 2024 at 6:19 pm

Update: it looks like I’m able to manually fix it by dragging the ACF field into position (away from the sidebar), but I have to do it on each page/post individually.

• Alexander Albrecht

• September 27, 2024 at 3:32 am

Got the same problem. Embarrasing

• noahkuhn

• October 7, 2024 at 2:45 pm

Also seeing this recently. Not for Block editor, but for when Classic Editor plugin is enabled I think.

• reddeleon

• October 16, 2024 at 12:12 pm

Update: I think I found the patch for it in Classic Editor 1.6.5, but still unclear what made the bug surface. They added a fix on 9/24/24 for a Safari negative margin condition.

https://github.com/WordPress/classic-editor/commit/ebd9da7f389d7ab18852d49e26463a8aafa21a12

• ihounokyaku

• November 16, 2024 at 12:56 am

I found I had the same issue even without the Classic Editor installed. Here is a very hack-y workaround that fixed it for my project. Not a great solution, though, and may affect the layout in unexpected ways, but it does not require direct editing of any plugin source code.
https://github.com/dylansouthard/wp-safari-render-fix