Editor button text label is overlapping on Top toolbar

[devNigel]

Quick summary

Some of the button label text for block options are overlapping on Top toolbar. I was able to identify this issue on Image block and Paragraph block.

The issue is reproducible on Atomic and Simple Sites but not on self-hosted sites.

Steps to reproduce

1. Open page or post editor.
2. Go to editor Prefences > Appearance and Enable Top toolbar.
3. Go to Accessibility > Show button text labels
4. Add an Image block or Paragraph block
5. Observe options in the top toolbar, you will notice some options overlapping.

Screen recording: https://github.com/user-attachments/assets/f2c0a54a-b9fb-42ba-a557-f58129aa947d

What you expected to happen

The button text labels should not overlap.

Screenshots from self-hosted site without overlap:

1. Paragraph block:

2. Image block

What actually happened

The button text labels overlapped.

Screenshots from WPcom sites:

1. Paragraph block

2. Image block

Impact

All

Available workarounds?

No but the platform is still usable

If the above answer is "Yes...", outline the workaround.

No response

Platform (Simple and/or Atomic)

Simple, Atomic

Logs or notes

No response

[devNigel]

User report: 8608879-zd-a8c

[github-actions[bot]]

Support References

This comment is automatically generated. Please do not edit it.

• [ ] 8608879-zen

[Addison-Stavlo]

Confirmed and replicated the issue.

I am changing Priority to NORMAL, since there is an easy workaround (as per pciE2j-oG-p2): disable the mode to show block tools in the top toolbar.

Other thoughts/reasoning:

• Top toolbar block tools is not the default mode.
• Text labels are generally an a11y mode.
• Generally a user would enable text labels first as an a11y concern.
• Since block tools in the top toolbar is not the default, if the user enables it it means they should know where this is turned toggled and managed and it should be immediately clear that it does not work well combined with text label setting.

Since this is a conflict between two non-default modes and an easy workaround is available, the priority is being set as normal.

[davemart-in]

This needs to be addressed in the Gutenberg repo. Moving this to the status of "Needs Core/3rd Party Fix"