Description

In Safari 16.5, when an Image block is added to a page/post enough content is added to a post that the vertical scrollbar appears, AND the "Custom Fields" panel is enabled, the Top Toolbar is rendered invisible, but is still clickable.

Step-by-step reproduction instructions

updated instructions 2023-07-05; see comment for new screenshots

1. Open Safari 16.5
2. Open a post and enable the Preferences > Top Toolbar
3. Open Preferences > Panels and enable "Custom Fields" (Click Show & Reload Page)
4. Add a small amount of content and see the top toolbar work fine
5. Next add enough content to make the vertical scrollbar appear

Observe how the top toolbar is now invisible

Screenshots, screen recording, code snippet

Compared with Firefox:

Environment info

• Gutenberg Version 16.0.0
• Safari Version 16.5 (18615.2.9.11.4)
• compared with Firefox 114.0.1 (64-bit)

Originally reported Automattic/wp-calypso#78453

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes