| Summary: | Ordered list and Shadow DOM have broken order | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Mattia Astorino <astorino.design> | ||||||||
| Component: | DOM | Assignee: | Nobody <webkit-unassigned> | ||||||||
| Status: | NEW --- | ||||||||||
| Severity: | Major | CC: | cdumez, changseok, esprehn+autocc, ews-watchlist, glenn, kangil.han, koivisto, kondapallykalyan, pdr, rniwa, webkit-bug-importer, zalan | ||||||||
| Priority: | P2 | Keywords: | InRadar | ||||||||
| Version: | WebKit Nightly Build | ||||||||||
| Hardware: | Mac | ||||||||||
| OS: | macOS 10.12 | ||||||||||
| Bug Depends on: | |||||||||||
| Bug Blocks: | 148695 | ||||||||||
| Attachments: |
|
||||||||||
Now with the latest WebKit Nightly release the there is no bullet indicators for orderered and unordered lists. Are you working on that? This is the output, same source code: http://i.imgur.com/aEaaMBc.png A full test case would be helpful. Created attachment 350010 [details]
Reproduction
This works in Chrome & Firefox but fails in Safari.
Created attachment 460965 [details]
WIP
Created attachment 460967 [details]
WIP2
Hm... attached patch fixes the order number issue but there is some kind of weird padding / margin added to the list. Not sure where that's coming from. |
When an ordered list is composed by custom elements and shadow dom (open and slot) the list counter restart each <li> element, so every <li> have the 1. number: This is the output: 1. Lorem ipsum 1. Dolor Sit amet 1. Consecutor adipiscing 1. Lorem ipsum 1. Dolor Sit amet 1. Dolor Sit amet This is the source code: <oa-list> <oa-list-item>Lorem ipsum</oa-list-item> <oa-list-item>Dolor Sit amet</oa-list-item> <oa-list-item> Consecutor adipiscing <oa-list> <oa-list-item>Lorem ipsum</oa-list-item> <oa-list-item>Dolor Sit amet</oa-list-item> </oa-list> </oa-list-item> <oa-list-item>Dolor Sit amet</oa-list-item> </oa-list> <oa-list> shadow root: <ol> <slot></slot> </ol> <oa-list-item> shadow root: <li> <slot></slot> </li>