Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test has a WPT meta file that expects 1 subtest issues.
- This WPT test may be referenced by the following Test IDs:
- /html/interaction/focus/focusgroup/tentative/forward-navigation/horizontal/wraps-in-appropriate-focusgroup.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<meta charset="utf-8">
<title>HTML Test: focusgroup - Focus wraps in the appropriate focusgroup.</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>
<script src="/resources/testdriver-actions.js"></script>
<script src="../../resources/focusgroup-utils.js"></script>
<div focusgroup=wrap> <!--Supports inline wrapping-->
<div focusgroup="extend block"> <!--Doesn't support inline wrapping-->
<span id=item1 tabindex=0>item1</span>
<div id=item2 tabindex=-1 focusgroup="extend wrap">
<!--Supports wrapping in both axis, but only extend the
wrapping behavior of its ancestors in the block axis. -->
<span id=item3 tabindex=-1>item3</span>
<span id=item4 tabindex=-1>item4</span>
</div>
</div>
</div>
<script>
promise_test(async t => {
var item3 = document.getElementById("item3");
var item4 = document.getElementById("item4");
await focusAndKeyPress(item4, kArrowRight);
assert_equals(document.activeElement, item3);
}, "When the focus is set on the last item of an inner focusgroup that supports wrapping while its parent focusgroup doesn't (in the axis of the arrow key pressed), the focus should move to the first item of the inner focusgroup even if there's another focusgroup supporting wrapping in the same axis as the arrow key pressed in the hierarchy.");
</script>