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>
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.
<rdar://problem/42842990>
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.