Skip to content

DataViews / DataForm panel layout button: long unhyphenated text overflows the container #73707

@andrewserong

Description

@andrewserong

Description

In DataForm panel buttons, if the text is long and not hyphenated and doesn't contain spaces, then it'll overflow its container.

Should this have particular wrapping, or be truncated instead? Probably a design decision for the default behaviour.

Kudos @shaunandrews and @jasmussen for reporting.

Step-by-step reproduction instructions

To test in the post editor:

  • Create a new user for your test site with a really long username with no hyphens
  • Go to create a post and assign this post to that username
  • See how the username can overflow the container

Screenshots, screen recording, code snippet

Username with no spaces / hyphens overflows its container

Note how the container overflows:

Image

When the username contains hyphens

In this case it wraps, but still doesn't look very neat:

Image

Environment info

  • Gutenberg trunk

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

Metadata

Metadata

Assignees

Labels

[Package] Editor/packages/editor[Status] In ProgressTracking issues with work in progress[Type] BugAn existing feature does not function as intended

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions