Navigation Block: Placeholder text squished in template editing mode

[annezazu]

Description

When using template editing mode and a new navigation block that hasn't yet been configured, the placeholder texts is squished. cc @jasmussen

Step-by-step reproduction instructions

1. Create a post.
2. Enter template editing mode with a template that does not have a navigation block configured.
3. Click into navigation block and see the text is squished

Expected behaviour

Expect the placeholder text to be more responsive in template editing mode.

Actual behaviour

The text doesn't scale well/getes smushed

Screenshots or screen recording (optional)

WordPress information

• WordPress version: 5.7.1
• Gutenberg version: 10.5.2
• Are all plugins except Gutenberg deactivated? Yes
• Are you using a default theme (e.g. Twenty Twenty-One)? TT1 Blocks

[annezazu]

Working on a demo so running into more oddities and noting that this happens too:

[jasmussen]

Thank you. For a little more context, the placeholder lacks the responsive classes other placeholders can leverage to minimize the content when shown in constrained contexts. I'll take a look!

[jasmussen]

There's a fix for this one in #31371.

[annezazu]

Noting for now that I am seeing this in 10.6 RC:

[jasmussen]

Yep, I'm afraid the PR didn't land in time for 10.6. It's milestoned for 10.7:

[annezazu]

Ah! Bummer. I thought it was in for 10.6. Apologies!

[jasmussen]

Not at all. Pity we missed it!