Bug 172446 – Ordered list and Shadow DOM have broken order

• Status: NEW
• Component: DOM

[Mattia Astorino]

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>

[Mattia Astorino]

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

[Antti Koivisto]

A full test case would be helpful.

[Radar WebKit Bug Importer]

<rdar://problem/42842990>

[Ryosuke Niwa]

Created attachment 350010 [details]
Reproduction

This works in Chrome & Firefox but fails in Safari.

[Ryosuke Niwa]

Created attachment 460965 [details]
WIP

[Ryosuke Niwa]

Created attachment 460967 [details]
WIP2

[Ryosuke Niwa]

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.