[wp-trac] [WordPress Trac] #64525: Twenty Sixteen: “summary” elements use “block” value instead of “list-item” for the “display” property

[WordPress Trac]

#64525: Twenty Sixteen: “summary” elements use “block” value instead of “list-item”
for the “display” property
---------------------------+------------------------------
 Reporter:  Photics        |       Owner:  (none)
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  Awaiting Review
Component:  Bundled Theme  |     Version:  4.4
 Severity:  normal         |  Resolution:
 Keywords:                 |     Focuses:  css
---------------------------+------------------------------

Comment (by sabernhardt):

 I have used `display: block` with a custom `::after` pseudo-element
 indicator, similar to [https://www.sitepoint.com/style-html-details-
 element/#usingafterasamarkerwithoutabackgroundimage SitePoint's border
 example]. My styles also involved absolute position, but SitePoint's
 example uses `flex`. Articles on [https://css-tricks.com/using-styling-
 the-details-element/ CSS-Tricks] and
 [https://web.dev/learn/html/details/#toggling_the_summary_marker web.dev]
 do not suggest `block` display.

 With Twenty Sixteen, I removed the selector in the child theme's
 stylesheet for one site, and for another site I specified `inline-block`
 with a custom `::after` pseudo-element.

 The possibility seems small now, but if anyone expects the `block` display
 to remain, that could give two indicators. Then again, if the themes would
 update to a more recent version of normalize.css, that would //set//
 display to `list-item`.
 https://github.com/necolas/normalize.css/commit/55ed05a79c0fd7a9a2c330c6925b982a7d5b307c
 https://github.com/necolas/normalize.css/issues/604

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