[wp-trac] [WordPress Trac] #64300: Twenty Twenty-Four and Twenty Twenty-Five: Long links overflow content area

[WordPress Trac]

#64300: Twenty Twenty-Four and Twenty Twenty-Five: Long links overflow content area
--------------------------+-----------------------------
 Reporter:  cagrimmett    |      Owner:  (none)
     Type:  defect (bug)  |     Status:  new
 Priority:  normal        |  Milestone:  Awaiting Review
Component:  Themes        |    Version:  trunk
 Severity:  normal        |   Keywords:
  Focuses:  css           |
--------------------------+-----------------------------
 In the Twenty Twenty-Four and Twenty Twenty-Five themes, long links
 overflow their content area containers, and if long enough, results in a
 horizontal scroll bar.

 In my testing, this can be fixed by adding an `overflow-wrap: break-word;`
 and `word-wrap: break-word;` (for older browsers) to links.

 For TT5, this would here:
 https://core.trac.wordpress.org/browser/trunk/src/wp-
 content/themes/twentytwentyfive/theme.json#L685

 {{{
 "css": "& { overflow-wrap: break-word; word-wrap: break-word; }"
 }}}

 For TT4, it would go here:
 https://core.trac.wordpress.org/browser/trunk/src/wp-
 content/themes/twentytwentyfour/theme.json#L894

 See attached screenshots for how long links look in content now and how
 they look with the suggested fix applied.

 Now:
 [[Image(https://cagrimmett.com/wp-
 content/uploads/2025/11/CleanShot-2025-11-24-at-16.17.32 at 2x-scaled.png)]]

 With suggested fix:
 [[Image(https://cagrimmett.com/wp-
 content/uploads/2025/11/CleanShot-2025-11-24-at-14.12.17 at 2x-scaled.png)]]

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/64300>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform