[wp-trac] [WordPress Trac] #55214: Gallery issue on WordPress 5.9 on iPhone

[WordPress Trac]

#55214: Gallery issue on WordPress 5.9 on iPhone
--------------------------+------------------------------
 Reporter:  droidspirit   |       Owner:  (none)
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  Awaiting Review
Component:  Gallery       |     Version:  5.9
 Severity:  major         |  Resolution:
 Keywords:  needs-patch   |     Focuses:
--------------------------+------------------------------

Comment (by andrewserong):

 Thanks for opening this issue @droidspirit, and for sharing the video and
 links. From the video you shared, it looks like the CSS styling to make
 the gallery image's figure element full width is coming from a theme's
 stylesheet that targets that element (with a class name that appears to
 only be applied in iOS?)


 {{{
 @media (max-width: 767px)
 .td-md-is-ios .tagdiv-type figure {
   width: auto !important;
 }
 }}}

 The gallery block's markup was updated in WordPress 5.9 to support image
 blocks as inner blocks, and to bring the markup in line with the W3C WAI
 guidelines on the grouping of images, which involved switching over to
 using the `figure` element via the image block. It was a breaking change
 in 5.9, so some themes will need to be updated to reflect the new markup
 in order to be fully compatible with 5.9.

 Here are a couple of links for further context (the first one includes
 some suggestions for targeting selectors):

 https://make.wordpress.org/core/2021/08/20/gallery-block-refactor-dev-
 note/
 https://www.w3.org/WAI/tutorials/images/groups/

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