hidden-until-found-002.html (1470B)
1 <!doctype HTML> 2 <meta charset="utf8"> 3 <title>Tab order navigation ignores hidden=until-found subtrees</title> 4 <link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org"> 5 <link rel="help" href="https://html.spec.whatwg.org/multipage/interaction.html#attr-hidden-until-found"> 6 <meta name="assert" content="tab order navigation ignores hidden=until-found subtrees."> 7 8 <script src="/resources/testharness.js"></script> 9 <script src="/resources/testharnessreport.js"></script> 10 <script src="/resources/testdriver.js"></script> 11 <script src="/resources/testdriver-actions.js"></script> 12 <script src="/resources/testdriver-vendor.js"></script> 13 14 <input id=one type=text></input> 15 <div hidden=until-found> 16 <input id=two type=text></input> 17 <input id=three type=text></input> 18 <input id=four type=text></input> 19 </div> 20 <input id=five type=text></input> 21 22 <script> 23 async_test((t) => { 24 const tab = "\ue004"; 25 async function step1() { 26 await test_driver.send_keys(document.body, tab); 27 t.step(() => { 28 assert_equals(document.activeElement, document.getElementById("one")); 29 }); 30 requestAnimationFrame(step2); 31 } 32 33 async function step2() { 34 await test_driver.send_keys(document.body, tab); 35 t.step(() => { 36 assert_equals(document.activeElement, document.getElementById("five")); 37 }); 38 t.done(); 39 } 40 41 window.onload = () => { requestAnimationFrame(step1); }; 42 }, "Tab order navigation skips hidden=until-found subtrees"); 43 </script>