improved styling of <details> and <summary> elements

[dbaron]

WebKittens

@annevk

Title of the spec

improved styling of <details> and <summary> elements

URL to the spec

Not a single spec, but a set of changes initially discussed in openui/open-ui#744 and now moved to w3c/csswg-drafts#9879 and whatwg/html#10265 for the parts that belong in CSS and HTML respectively.

URL to the spec's repository

No response

Issue Tracker URL

No response

Explainer URL

https://github.com/dbaron/details-styling

TAG Design Review URL

https://github.com/w3ctag/design-reviews/issues/TBD

Mozilla standards-positions issue URL

mozilla/standards-positions#1027

WebKit Bugzilla URL

No response

Radar URL

No response

Description

This is a proposal to add some features to both CSS and HTML (and additional precision to HTML) to make the details and summary elements more easily styleable by authors.

[karlcow]

Related to this on bugs.webkit.org side
https://bugs.webkit.org/show_bug.cgi?id=252223
https://bugs.webkit.org/showdependencytree.cgi?id=252223&hide_resolved=1

[annevk]

Making these elements better stylable makes a lot of sense. I suggest we resolve this as "position: support" one week from now.

I left these comments in the course of my review:

• ::details-content vs display: contents might make them hard to remember, but that's probably a lost cause.
• If the text is generated by the user agent, it should probably adhere to the language of the node rather than the end user's chosen language. But that's an existing issue and can be follow-up.