blob: d2724f17d52b93912544cda8a44aae7017918ac9 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
<!DOCTYPE html>
<meta charset="utf-8">
<title>HTML Test: focus() on shadow host within an iframe with delegatesFocus</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<body>
<script>
test(() => {
const iframe = document.createElement("iframe");
document.body.appendChild(iframe);
iframe.addEventListener("load", () => {
iframe.contentDocument.body.innerHTML =
`<div id="host"></div>`;
const host = iframe.contentDocument.getElementById("host");
const firstInput = iframe.contentDocument.createElement("input");
const secondInput = iframe.contentDocument.createElement("input");
host.attachShadow({mode: 'open', delegatesFocus: true});
host.shadowRoot.appendChild(firstInput);
host.shadowRoot.appendChild(secondInput);
iframe.contentDocument.body.appendChild(host);
secondInput.focus();
assert_equals(host.shadowRoot.activeElement, secondInput);
// host is a shadow-including-ancestor of secondInput, so
// the focus should remain secondInput.
host.focus();
assert_equals(host.shadowRoot.activeElement, secondInput);
});
}, "focus delegate step should not be run when the focus target is a shadow-including inclusive ancestor of the current focus.");
</script>
</body>
|
