focus-examples.html

<html>

<head>
</head>

<body>

<h3>custom element with no tabindex</h3>
<input>
<x-foo>custom element</x-foo>
<input>

<h3>custom element with tabindex -1</h3>
<input>
<x-foo tabindex="-1">custom element</x-foo>
<input>

<h3>custom element with tabindex 0</h3>
<input>
<x-foo tabindex="0">custom element</x-foo>
<input>

<h3>custom element with no tabindex</h3>
<input>
<x-foo>
    custom element
    <input>
</x-foo>
<input>

<h3>custom element with tabindex -1</h3>
<input>
<x-foo tabindex="-1">
    custom element
    <input>
</x-foo>
<input>

<h3>custom element with tabindex 0</h3>
<input>
<x-foo tabindex="0">
    custom element
    <input>
</x-foo>
<input>

<h3>custom element with tabindex 0</h3>
<input>
<x-foo tabindex="0">
    custom element
    <input>
</x-foo>
<input>

</body>

</html>