52 lines
1.3 KiB
HTML
52 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<body>
|
|
<p>This tests moving the focus from a descendent of a slot element to an element which appears later in the tree order.<br>
|
|
WebKit should focus each input element in the order of their number</p>
|
|
<div id="container">
|
|
2.<input placeholder="2">
|
|
<slot>
|
|
3.<input placeholder="3">
|
|
</slot>
|
|
4.<input placeholder="4">
|
|
1.<input placeholder="1" tabindex="1">
|
|
<slot>
|
|
5.<input placeholder="5" tabindex="2">
|
|
</slot>
|
|
</div>
|
|
<div id="host">
|
|
7.<input placeholder="7">
|
|
<slot>
|
|
8.<input placeholder="8">
|
|
</slot>
|
|
9.<input placeholder="9">
|
|
6.<input placeholder="6" tabindex="1">
|
|
<slot>
|
|
10.<input placeholder="10" tabindex="2">
|
|
</slot>
|
|
</div>
|
|
<pre id="log"></pre>
|
|
<script>
|
|
|
|
if (window.testRunner)
|
|
testRunner.dumpAsText();
|
|
|
|
for (const element of Array.from(document.querySelectorAll('input')))
|
|
element.addEventListener('focus', (event) => log.textContent += event.target.placeholder + '\n');
|
|
|
|
host.attachShadow({mode: 'closed'}).append(...Array.from(host.childNodes));
|
|
|
|
document.body.focus();
|
|
if (window.eventSender) {
|
|
for (let i = 0; i < 10; i++)
|
|
eventSender.keyDown('\t');
|
|
for (let i = 0; i < 9; i++)
|
|
eventSender.keyDown('\t', ['shiftKey']);
|
|
container.remove();
|
|
host.remove();
|
|
}
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|