Closed Bug 1283989 Opened 4 years ago Closed 4 years ago

display:block on <summary> removes the triangle

Categories

(Core :: Layout, defect)

49 Branch
x86_64
macOS
defect
Not set

Tracking

()

RESOLVED INVALID

People

(Reporter: me, Unassigned)

Details

Attachments

(1 file)

Attached file 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)
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.
Status: NEW → RESOLVED
Closed: 4 years ago
Resolution: --- → INVALID
This is the Chromium bug to update the disclosure triangle as a list-item. https://bugs.chromium.org/p/chromium/issues/detail?id=590014
You need to log in before you can comment on or make changes to this bug.