[Webkit-unassigned] [Bug 157323] Implement <details>/<summary> disclosure triangle as a list item

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Fri Aug 19 05:17:59 PDT 2022


https://bugs.webkit.org/show_bug.cgi?id=157323

--- Comment #11 from Karl Dubost <karlcow at apple.com> ---

data:text/html,<!doctype html><html><details><summary style="display:inline-block">foo<summary></details>

or

data:text/html,<!doctype html><html><details><summary style="list-style:none">foo<summary></details>

Basically anything which change the display in a way that will remove `display: list-item` 

* Arrow in Safari, 
* No arrow in Firefox and Chrome

Chrome
https://github.com/chromium/chromium/blob/f38d5c61ec138ba6ba45777007dbe69ab3c7326f/third_party/blink/renderer/core/html/resources/html.css#L1348-L1352


```
details > summary:first-of-type {
    display: list-item;
    counter-increment: list-item 0;
    list-style: disclosure-closed inside;
}
```

Firefox
https://searchfox.org/mozilla-central/rev/4a10f85ebca1c22c803d0253a82fe39514ba0b53/layout/style/res/html.css#781-800

```
/* details & summary */
details > summary:-moz-native-anonymous {
  /* TODO(krosylight): Remove this when fixing bug 1308080 */
  user-select: none;
}

details > summary:is(:first-of-type, :-moz-native-anonymous) {
  display: list-item;
  counter-increment: list-item 0;
  list-style: disclosure-closed inside;
}

details[open] > summary:is(:first-of-type, :-moz-native-anonymous) {
  list-style-type: disclosure-open;
}

details > summary:first-of-type > *|* {
  /* Cancel "list-style-position: inside" inherited from summary. */
  list-style-position: initial;
}
```



Safari
https://searchfox.org/wubkat/rev/340573c924b370891b7a0794ef39d4995d3670ee/Source/WebCore/css/html.css#1339-1352

```
summary {
    display: block;
}

summary::-webkit-details-marker {
    display: inline-block;
    width: 0.66em;
    height: 0.66em;
    margin-right: 0.4em;
}
```

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20220819/dbeab055/attachment.htm>


More information about the webkit-unassigned mailing list