Implement setSequentialFocusStartingPoint

This is proposed here: whatwg/html#5326 Change-Id: I2c0c0ac578180ce5e1cf327fb65c6450a7d49f60 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4866726 Reviewed-by: Di Zhang <dizhangg@chromium.org> Commit-Queue: Joey Arhar <jarhar@chromium.org> Cr-Commit-Position: refs/heads/main@{#1197956}
Lightning00Blade · Dec 11, 2023 · fef6cf2 · fef6cf2
1 parent 6557fb1
commit fef6cf2
Showing 1 changed file with 27 additions and 0 deletions.
diff --git a/html/interaction/focus/setSequentialFocusStartingPoint.tentative.html b/html/interaction/focus/setSequentialFocusStartingPoint.tentative.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<link rel=author href="mailto:jarhar@chromium.org">
+<link rel=help href="https://github.com/whatwg/html/issues/5326">
+<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>
+
+<button id=b1>b1</button>
+<div id=d1>d1</div>
+<button id=b2>b2</button>
+
+<script>
+const tabKey = '\uE004';
+promise_test(async () => {
+  assert_equals(document.activeElement, document.body,
+    'Focus should initially be set on the body element.');
+
+  document.setSequentialFocusStartingPoint(d1);
+  assert_equals(document.activeElement, document.body,
+    'Calling setSequentialFocusStartingPoint should not change the focused element.');
+
+  await test_driver.send_keys(document.activeElement, tabKey);
+  assert_equals(document.activeElement, b2,
+    'Pressing tab should focus the next button after the sequential focus starting point.');
+}, 'document.setSequentialFocusStartingPoint should set the sequential focus starting point on any element.');
+</script>