[w3c/webcomponents] Nested List (#630)

http://jsbin.com/haceseqabi/edit?html,output

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/57.0.2987.98 Safari/537.36

Steps to reproduce the problem:
1. Create Custom Element which is nothing but a re-named `<ol>` or `<ul>`
2. Create a nested structure.

What is the expected behavior?
Render a nested list.

What went wrong?
The list becomes flat.

Did this work before? No 

Does this work in other browsers? N/A

Chrome version: 57.0.2987.98  Channel: stable
OS Version: OS X 10.12.3
Flash Version:
```
<!doctype html>
<html>
<body>
<script>
  customElements.define('my-list2', class extends HTMLElement {
  constructor() {
    super();
     
    let shadowRoot = this.attachShadow({mode: 'open'});
    shadowRoot.innerHTML = `
  <ol>
      <slot></slot>
    </ol>
    `;
  }
  })
  </script>
  
  
  Custom:
<my-list2>
    <li>Thing
        <my-list2>
            <li>another</li>
            <li>and another</li>
        </my-list2>
    </li>
</my-list2>
  
 Should be:   
<ol>
    <li>Thing
        <ol>
            <li>another</li>
            <li>and another</li>
        </ol>
    </li>
</ol>
  
  
  
</body>
</html>
```

-- 
You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub:
https://github.com/w3c/webcomponents/issues/630

Received on Monday, 13 March 2017 04:50:13 UTC