[wp-trac] [WordPress Trac] #48637: Twenty Twenty: The use of word-break: break-word; causes vertical words with css grid min-width.

[WordPress Trac]

#48637: Twenty Twenty: The use of word-break: break-word; causes vertical words
with css grid min-width.
-------------------------------------------+----------------------
 Reporter:  johnstonphilip                 |       Owner:  (none)
     Type:  defect (bug)                   |      Status:  new
 Priority:  normal                         |   Milestone:  5.4
Component:  Bundled Theme                  |     Version:  5.3
 Severity:  normal                         |  Resolution:
 Keywords:  needs-patch reporter-feedback  |     Focuses:  ui, css
-------------------------------------------+----------------------

Comment (by johnstonphilip):

 To reproduce do this:

 1. Put this code in a child theme or custom plugin:


 {{{
 function output_some_css_grid() {
         echo '<div style="display:grid; grid-auto-columns: min-
 content;"><button>Click me</button></div>';
 }
 add_action( 'the_content', 'output_some_css_grid' );
 }}}

 2. View a post.

 3. Observe the text is broken at every letter.

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