| OLD | NEW |
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <script src='../../resources/testharness.js'></script> |
| 3 <script src='../../resources/testharnessreport.js'></script> |
| 4 <script src='../resources/shadow-dom.js'></script> |
| 5 <script src='../resources/focus-utils.js'></script> |
| 6 <body> |
| 7 <input id="input-before"> |
| 8 <div id="host" tabindex="0"> |
| 9 <template> |
| 10 <span>x-element</span> |
| 11 <slot tabindex="1"></slot> |
| 12 </template>
</div> |
| 13 <input id="input-after"> |
| 14 </body> |
| 15 <script> |
| 16 'use strict'; |
| 17 |
| 18 test(() => { |
| 19 let host = document.querySelector('#host'); |
| 20 convertTemplatesToShadowRootsWithin(host); |
| 21 let elements = [ |
| 22 'input-before', |
| 23 'host', |
| 24 'input-after' |
| 25 ]; |
| 26 assert_focus_navigation_forward(elements); |
| 27 elements.reverse(); |
| 28 assert_focus_navigation_backward(elements); |
| 29 }, 'Focus navigation should not get stuck.'); |
| 30 </script> |
| OLD | NEW |