Re: [webcomponents] Update Section 6.2 Focus Navigation to reflect TPAC discussion (#375)

@rniwa

This approach makes sense I think. Just thinking through some of the possibilities though...

If the DOM looked like this instead:

<contect-card>
    Name first: <input id="first" slot="name" tabindex="1">
    Middle name: <input id="middle" slot="name">
    Last name: <input id="last" slot="name"><br>
    Email: <input id="email" tabindex="3">
</contect-card>
```

Using the same shadow DOM you described, leading to the following composed tree:

```
<my-nameinput>
    <dl>
        <dt>Name</dt>
        <dd><input id="first" slot="name" tabindex="1">
        ><input id="middle" slot="name">
        ><input id="last" slot="name"></dd>
        <dt>Email</dt>
        <dd><input id="email" tabindex="3"></dd>
    </dl>
</my-nameinput>
```

The tab order would be #first, #middle, #last, then #email? In other words would elements without tabindex also be scoped to the slot and/or shadow root?

---
Reply to this email directly or view it on GitHub:
https://github.com/w3c/webcomponents/issues/375#issuecomment-178678117