focus-reverse-unassigned-slot.html (1110B)
1 <!DOCTYPE html> 2 <script src="/resources/testharness.js"></script> 3 <script src="/resources/testharnessreport.js"></script> 4 <script src="/resources/testdriver.js"></script> 5 <script src="/resources/testdriver-vendor.js"></script> 6 <script src="/resources/testdriver-actions.js"></script> 7 <script src="resources/shadow-dom.js"></script> 8 <script src="resources/focus-utils.js"></script> 9 <div id="log"></div> 10 11 <input id=i0 value=i0> 12 <div id=outer> 13 <template data-mode=open> 14 <div id=inner> 15 <template data-mode=open> 16 <div> 17 <slot name=inside></slot> 18 </div> 19 </template> 20 <slot name=inside slot=inside> 21 <input id=i1 value=i1> 22 </slot> 23 </div> 24 </template> 25 </div> 26 <input id=i2 value=i2> 27 28 <script> 29 promise_test(async () => { 30 convertTemplatesToShadowRootsWithin(document.getElementById('outer')); 31 32 const elements = [ 33 'i2', 34 'outer/i1', 35 'i0' 36 ]; 37 await assert_focus_navigation_backward(elements); 38 }, `Verifies that focusing backwards from a button inside a slot which has no assigned nodes goes to the previous focusable element.`); 39 </script>