WordPress.org
Get WordPress

Make WordPress Core

Changes between Initial Version and Version 5 of Ticket #64300


Ignore:
Timestamp:
11/28/2025 06:05:29 PM (9 months ago)
Author:
sabernhardt
Comment:

links are most likely to be the problem (most likely to be long, unbroken strings in content)

#56341 also gives long, linked URLs as an example, but link text should be kept concise and should avoid including full URLs. Seeing the text break the entire page might help encourage authors to write better link text.

The example articles listed in the image have titles that would fit well for link text, and URL parts such as access tokens and UTM parameters ideally would never be visible on screen or spoken.

If we change the four individual themes' CSS, T22 and T25 have their own CSS files, and #63875 already adjusted those for pre element overflow.

Legend:

Unmodified
Added
Removed
Modified

  • Ticket #64300

    • Property Keywords needs-patch added
    • Property Milestone Awaiting Review → 7.0
    • Property Component Themes → Bundled Theme
    • Property Version trunk

  • Ticket #64300 – Description

    initial v5  
    33In my testing, this can be fixed by adding an `overflow-wrap: break-word;` and `word-wrap: break-word;` (for older browsers) to links.
    44
    5 For TT5, this would here: https://core.trac.wordpress.org/browser/trunk/src/wp-content/themes/twentytwentyfive/theme.json#L685
     5For TT5, this would go on [https://core.trac.wordpress.org/browser/tags/6.8.3/src/wp-content/themes/twentytwentyfive/theme.json#L685 line 685 of theme.json]
    66
    77{{{
    … …  
    99}}}
    1010
    11 For TT4, it would go here: https://core.trac.wordpress.org/browser/trunk/src/wp-content/themes/twentytwentyfour/theme.json#L894
     11For TT4, it would go on [https://core.trac.wordpress.org/browser/tags/6.8.3/src/wp-content/themes/twentytwentyfour/theme.json#L894 line 894 of theme.json]
    1212
    1313See attached screenshots for how long links look in content now and how they look with the suggested fix applied.
    1414
    1515Now:
    16 [[Image(https://cagrimmett.com/wp-content/uploads/2025/11/CleanShot-2025-11-24-at-16.17.32@2x-scaled.png)]]
     16[[Image(https://cagrimmett.com/wp-content/uploads/2025/11/CleanShot-2025-11-24-at-16.17.32@2x-scaled.png, alt="a long URL with an access token extends beyond the content container and causes a horizontal scrollbar", title="")]]
    1717
    1818With suggested fix:
    19 [[Image(https://cagrimmett.com/wp-content/uploads/2025/11/CleanShot-2025-11-24-at-14.12.17@2x-scaled.png)]]
     19[[Image(https://cagrimmett.com/wp-content/uploads/2025/11/CleanShot-2025-11-24-at-14.12.17@2x-scaled.png, alt="the long URL wraps within the content container", title="")]]