Site Editor: The sidebar menu title text is cut off below the descender

[t-hamano]

Description

Maybe related to: #51651

The sidebar menu title text is cut off below the descender.

I would expect it to appear as follows

This problem seems to be solved by removing the overflow:hidden in this area.

gutenberg/packages/edit-site/src/components/sidebar-navigation-screen/style.scss

Line 67 in 9a6958e

overflow: hidden;

Perhaps it is an OS or browser issue, so we would appreciate it if you could test to see if you can reproduce this in other environments.

Step-by-step reproduction instructions

N/A

Screenshots, screen recording, code snippet

No response

Environment info

• WordPress Version: WordPress 6.3-beta2-56120
• Gutenberg Version: Lates Trunk (16.1.0)
• OS: Windows 11
• Browser: Chrome 114.0.5735.199, Firefox 114.0.2

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

[firoz2456]

@t-hamano
I am not able to replicate it.
WordPress Version: 6.3-beta3-56139
OS: macOS Ventura (M1 Pro)
Chrome Browser

[ndiego]

I am not able to replicate either 🤔

[annezazu]

Let's close this out for now with two back to back unable to replicate. Can reopen if we can replicate.

[t-hamano]

I have come to believe that this problem occurs only on Windows OS. I have found that some of the media attached in other issues show similar problems. In both cases, the reporter's environment appears to be Windows.

#52307:

#52309:

I don't think this is a blocker in WordPress 6.3, but let me reopen this for the continued feedback.

[ramonjd]

@t-hamano's suggestion seems to do the trick

I've added a PR here:

• Site Editor: remove overflow: hidden from the entity title in the site editor sidebar #54769