Post Author Biography: Fix horizontal overflow with long unbroken text

[R1shabh-Gupta]

What?

Closes #70849

Fixes horizontal overflow in the Post Author Biography block when the author's biography contains a long string of text with no spaces.

Why?

The .wp-block-post-author-biography selector sets white-space: pre-wrap, which only wraps text at natural break points (spaces). If a biography contains one long unbroken run of characters, there's nowhere to wrap, so the text overflows the block horizontally and forces a scrollbar.

How?

Added overflow-wrap: break-word; to .wp-block-post-author-biography, so long unbroken text breaks within the block instead of overflowing it.

Testing Instructions

1. Edit a user's biography (Users → your profile → Biographical Info) to a long string with no spaces, e.g. Thisisaverylongstringofwordswithoutanyspacesorbreaksitjustkeepsgoingandgoingandwillcausehorizontalscrollingissuesbecausetherearenowordbreak (repeat until it's clearly wider than the content area).
2. Create or edit a post authored by that user, insert a Post Author Biography block, and publish it.
3. View the post on the front end and confirm the biography text wraps within the block and no horizontal scrollbar appears.

Screenshots or screencast

Before	After

Use of AI Tools

None

[github-actions]

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: R1shabh-Gupta <rishabhwp@git.wordpress.org>
Co-authored-by: im3dabasia <im3dabasia1@git.wordpress.org>
Co-authored-by: Mamaduka <mamaduka@git.wordpress.org>
Co-authored-by: Adi-ty <iamadisingh@git.wordpress.org>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

[im3dabasia]

Thanks for the patch!

Matches what we already do on quote, pullquote, and embed, and I confirmed it fixes the reported overflow.

Non-blocking, for the record: overflow-wrap: break-word doesn't contribute to min-content sizing, so inside a Row (is-layout-flex) the block still overflows even with this patch.

Embed had the identical gap until #73109 added flex: 1 1 0%; min-width: 0 for flex groups, and Columns avoids it because .wp-block-column carries word-break: break-word (columns/style.scss:98), which unlike break-word on overflow-wrap does affect min-content. quote/pullquote/embed all share this gap, so it's a pre-existing pattern rather than anything this PR introduces, happy to leave it for a follow-up.

I'll need a second opinion on this before we merge!

[im3dabasia]

Small ask: could you add this trailing comment? // Break long strings of text without spaces so they don't overflow the block., keeps the rules greppable as a set.

[R1shabh-Gupta]

Hi @im3dabasia, thanks for the suggestion! I've added the trailing comment as requested.

[Mamaduka]

Looks good. Thanks, @R1shabh-Gupta and @im3dabasia!