[wp-trac] [WordPress Trac] #49793: Twenty Twenty: Images in list blocks are not positioned correctly

[WordPress Trac]

#49793: Twenty Twenty: Images in list blocks are not positioned correctly
---------------------------------------+---------------------
 Reporter:  poena                      |       Owner:  (none)
     Type:  defect (bug)               |      Status:  new
 Priority:  normal                     |   Milestone:  5.5
Component:  Bundled Theme              |     Version:  5.3
 Severity:  normal                     |  Resolution:
 Keywords:  needs-testing needs-patch  |     Focuses:  css
---------------------------------------+---------------------

Comment (by mayankmajeji):

 Actually you are right. And I checked it again if other themes are getting
 the same problem, but it seems {{{display: block;}}} is only written in
 Twenty Twenty theme style and other themes are working properly.

 So I believe there is no need to add a separate class in Gutenberg. I am
 going ahead and adding the following code in {{{style.css}}} of Twenty
 Twenty theme. This should resolve the issue.

 Kindly let me know if there are any changes.


 Replying to [comment:3 poena]:
 > It is the display:block here (instead of inline) that is causing the
 problem.
 > But removing that now may cause other problems elsewhere, so we need to
 add display inline or display inline block for images in lists
 specifically.
 >
 >
 > style.css line 624.
 > {{{
 > svg, img, embed, object {
 >     display: block;
 >     height: auto;
 >     max-width: 100%;
 > }
 > }}}
 >
 >
 > Adding new class names, if preferred, is something that would need to be
 done in Gutenberg.

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