Top Toolbar editor rendered invisible in Safari when Image block added to page or post

[cuemarie]

Quick summary

In Safari 16.5, when an Image block is added to a page/post, the Top Toolbar is rendered invisible, but is still clickable. An

Steps to reproduce

1. Open Safari 16.5
2. Open a post and enable the Preferences > Top Toolbar
3. Add a paragraph block and notice how the toolbar works fine
4. Next add an image block

What you expected to happen

The top toolbar to remain visible as with other blocks.

What actually happened

The top toolbar disappears, but is still clickable. This problem carries over to other blocks on the page.

Dxd0b1.mp4

Self-Hosted Example

Impact

Some (< 50%)

Available workarounds?

No but the platform is still usable

Platform (Simple and/or Atomic)

Simple, Atomic, Self-hosted

Logs or notes

Replicated on Simple, Atomic, and Self-Hosted using:

• Gutenberg 16.0.0
• Safari Version 16.5 (18615.2.9.11.4)

[cuemarie]

This was originally reported in the comments here: #76686

And escalated here: p1686927769338249-slack-C02FMH4G8

[cuemarie]

📌 SCRUBBING : RESULT - Replicated / Could Not Replicate / Uncertain

• Tested on Simple – Replicated
• Tested on Atomic – Replicated
• Replicable outside of Dotcom – Yes

📌 ACTIONS

• Assigned to Other
• Reporting in Core: Top Toolbar editor rendered invisible in Safari when Custom Fields enabled and editor's vertical scrollbar appears WordPress/gutenberg#51720

[cuemarie]

Fixed in GB 16.5 by WordPress/gutenberg#53688

📌 ACTIONS

• Closing as fixed