Skip to content

Stretchy text: it overflows the container when text reaches a small size #73720

Description

@oandregal

Description

Under some circumstances, the text overflows the container.

Step-by-step reproduction instructions

By pasting a long text

  • Copy this text:
Lorem ipsum is a dummy or placeholder text commonly used in graphic design, publishing, and web development. Its purpose is to permit a page layout to be designed, independently of the copy that will subsequently populate it, or to demonstrate various fonts of a typeface without meaningful text that could be distracting. Lorem ipsum is typically a corrupted version of De finibus bonorum et malorum, a 1st-century BC text by the Roman statesman and philosopher Cicero, with words altered, added, and removed to make it nonsensical and improper Latin
  • Paste into a stretchy text paragraph.
  • Publish the post.

Observe how the text overflows the container both in editor and front-end.

Screen.Recording.2025-12-03.at.13.52.28.mov

Manually entering a long text

Alternatively, you can try the same manually. Observe how the text is adjusted until it stops doing so:

Screen.Recording.2025-12-03.at.14.01.26.mov

Environment info

  • WordPress 6.9 with no plugins other than the WordPress Importer 0.9.5 active.
  • Chrome browser 142.0.7444.176, MacOS Sequoia 15.7.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

Please confirm which theme type you used for testing.

  • Block
  • Classic
  • Hybrid (e.g. classic with theme.json)
  • Not sure

Metadata

Metadata

Labels

Type

No fields configured for Bug.

Projects

Status
✅ Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions