[wp-trac] [WordPress Trac] #56341: Twenty Twenty-Two: Long text strings cause horizontal overflow

[WordPress Trac]

#56341: Twenty Twenty-Two: Long text strings cause horizontal overflow
---------------------------+------------------------------
 Reporter:  mrfoxtalbot    |       Owner:  (none)
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  Awaiting Review
Component:  Bundled Theme  |     Version:  6.0
 Severity:  normal         |  Resolution:
 Keywords:  needs-patch    |     Focuses:  css
---------------------------+------------------------------

Comment (by tahmidulkarim):

 Adding {{{word-wrap: break-word;}}} in {{{.wp-site-blocks}}} solves the
 issue. {{{overflow-wrap: break-word}}} can also be used instead of word-
 wrap but for better cross-browser support I guess it would be wise to use
 word-wrap.

 Also the CSS property can be added directly to the existing styles, see
 this screenshot - https://prnt.sc/c_6yhnRfbKhH, but as there are some
 other classes added so it might create side effects. Thus, my thoughts are
 as per @sabernhardt to add the style separately within {{{.wp-site-
 blocks}}}. I have added patch with the fix.

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