DataViews grid layout: Long pattern names are cut off

[carolinan]

Description

Under Appearance > Editor > Patterns, long pattern names are cut off when the grid layout is used. The grid layout is the default. I expect the full name to be visible.

I have searched but was not able to find an existing issue for this, happy to close this if one is found.

Step-by-step reproduction instructions

Create a new pattern with the name "Blog posts for the right aligned blog". View the grid layout on the Patterns screen under Appearance > Editor > Patterns. Confirm if you can see the full name.

Screenshots, screen recording, code snippet

The screenshots show the Patterns screen with the grid layout active.

Environment info

WordPress 6.6.1 Gutenberg current trunk.

Please confirm that you have searched existing issues in the repo.

• [X] Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

• [X] Yes

[t-hamano]

When the text is long, an ellipsis should be displayed as shown below:

Therefore, the current display is considered a bug, and it is possible to fix it.

However, I agree that using ellipsis makes long pattern titles hard to read.

@WordPress/gutenberg-design

What do you think about not clipping the text, for example like this:

I think it's also possible to limit the title to two lines without showing the entire title.

[jasmussen]

I'd defer to @jameskoster as he's thought quite a lot about this. But one instinct is that two-lines at most, with ellipsis cutoff before three lines, would be okay if it doesn't affect the row as a whole, i.e. so long as the 2nd row of items in the view still lines up horizontally.

[jameskoster]

Iirc the titles are truncated to a single line to ensure fields are aligned along the x axis, avoiding this:

I don't have a strong opinion about whether that's more important than the titles being fully visible.

[jasmussen]

I'd tend to think the added legibility might be worth it in this case. Also not a strong opinion.