1283989 - display:block on <summary> removes the triangle

Status: RESOLVED INVALID

(Core :: Layout, defect)

Description

[silverwind]

Attachment: test case

When the <summary> is set to display:block (as opposed to the default display:list-item), the triangle is on the parenting <details> is not rendered anymore. This is an inconsistent with how Chrome handles display:block on the element, where it has no effect on the triangle.

Impacted site: github.com (https://gist.github.com/ericclemmons/b146fe5da72ca1f706b2ef72a20ac39d)

Comment 1

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

This is how the spec says things are supposed to work.  In particular, https://html.spec.whatwg.org/multipage/rendering.html#the-details-and-summary-elements describes default styles for summary that cause the disclosure triangle to be rendered as long as the summary is display:list-item.

I don't think Chromium has updated to the new (first?) spec rules for how the disclosure triangle interacts with style.

:tylin might be able to add further details.

Comment 2

[Ting-Yu Lin [:TYLin] (PDT, UTC-7)]

This is the Chromium bug to update the disclosure triangle as a list-item. https://bugs.chromium.org/p/chromium/issues/detail?id=590014

Comment 3

[silverwind]

Also related: https://github.com/necolas/normalize.css/issues/604