[wp-trac] [WordPress Trac] #62185: Twenty Twenty-One: archive page headings do not wrap long words (was: Theme Twenty Twenty-One Version: 1.8, text not show.)

[WordPress Trac]

#62185: Twenty Twenty-One: archive page headings do not wrap long words
---------------------------+-----------------------------
 Reporter:  trushaamin     |       Owner:  (none)
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  Future Release
Component:  Bundled Theme  |     Version:
 Severity:  normal         |  Resolution:
 Keywords:  needs-patch    |     Focuses:  ui, css
---------------------------+-----------------------------
Changes (by sabernhardt):

 * milestone:  Awaiting Review => Future Release


Old description:

> on Beta development version (6.7-beta1), Theme Twenty Twenty-TwoVersion:
> 1.8
> we can go to the footer search. we can add the words and click on the
> search button after checking the result.

New description:

 on Beta development version (6.7-beta1), Theme Twenty Twenty-One Version:
 2.3
 we can go to the footer search. we can add the words and click on the
 search button after checking the result.

--

Comment:

 Twenty Twenty-One uses `overflow-wrap: break-word` for post/page headings
 with the `.entry-title` class ([https://github.com/WordPress/wordpress-
 develop/blob/4883bd95f02c96f9923e1067111d4d1bb5302aab/src/wp-
 content/themes/twentytwentyone/assets/sass/06-components/entry.scss#L7
 entry.scss]).

 For archive pages such as search results, the heading has a `.page-title`
 class. That class probably should have the same `overflow-wrap` rule
 ([https://github.com/WordPress/wordpress-
 develop/blob/4883bd95f02c96f9923e1067111d4d1bb5302aab/src/wp-
 content/themes/twentytwentyone/assets/sass/06-components/archives.scss#L1-L3
 archives.scss]).

 Note: Patches for Twenty Twenty-One need to update the SCSS file(s), and
 then CSS files are compiled from them.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/62185#comment:3>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform