Quick Inserter button is visible but skewed outside the content window when zoomed out

[yogeshbhutkar]

Description

Ideally, the + button corresponding to blocks (i.e. the Quick Inserter Button) should not be visible when zoomed out as it flows out of the content window into the grey area, and it becomes difficult to traceback the Quick Inserter is associated with exactly which block.

It seems like this issue only occurs with the paragraph block as per the testing. Quick Inserter is also included with the Details block which signifies the block that needs to be added within the details block. However, this is not visible as opposed to the Quick Inserter corresponding to the paragraph block.

I'm not certain if this behavior is intentional, but at first glance, looks like a bug to me. Maybe someone can clarify if this indeed is unexpected.

Step-by-step reproduction instructions

1. Navigate to a post-edit page.
2. Toggle Show Template on.
3. Create a paragraph and wait for the Quick Inserter to appear next to it.
4. Click on Zoom Out.
5. Notice the Zoom Out button is still visible in the zoomed-out state and is skewed outside the content.
6. Try the same with the Details block and notice, that this time the Inserter Button (+) is not visible when zoomed out.

Screenshots, screen recording, code snippet

Screen.Recording.2024-12-25.at.1.10.59.PM.mov

Environment info

• WordPress Version: 6.8-alpha-59361
• Gutenberg Plugin Version: 19.9.0
• OS: macOS Sequoia

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

Please confirm which theme type you used for testing.

• Block
• Classic
• Hybrid (e.g. classic with theme.json)
• Not sure

[Infinite-Null]

Hi @yogeshbhutkar,
I successfully reproduced the issue, and I think yes, this seems to be a bug as the block inserter button should either not be visible or within the editor when zoomed out.

Screencast:

Screen.Recording.2024-12-25.at.2.16.28.PM.mov

[Mamaduka]

@yogeshbhutkar, vaguely remember a similar report for Zoom out mode. Maybe we can find it in existing issues.

[yogeshbhutkar]

Sure @Mamaduka, I will see if the report already exists.

Edit: Wasn't able to find one that's open.

[Mamaduka]

I think these two seem related: #65654 and #65188, but they're marked as resolved.

cc @draganescu, @getdave

[yogeshbhutkar]

Thank you for linking the issues here, @Mamaduka. They do indeed appear to be related.

I think the Quick Inserter shouldn’t be displayed in the Zoomed Out view, similar to how it’s handled for the details block.

[Mamaduka]

I think the Quick Inserter shouldn’t be displayed in the Zoomed Out view, similar to how it’s handled for the details block.

I am not sure what's changed; it could be a regression. Let's wait for the feedback from folks who work on Zoom Out mode featured more actively.