| 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 <div id="log"></div> |
| 7 |
| 8 <input id='i0'> |
| 9 <div id='outer'> |
| 10 <template data-mode='open'> |
| 11 <input id='outer-before'> |
| 12 <slot></slot> |
| 13 <input id='outer-after'> |
| 14 </template> |
| 15 <div id='dummy1'></div> |
| 16 <div id='nested1'> |
| 17 <template data-mode='open'> |
| 18 <input id='inner-before'> |
| 19 <button id='button'><slot></slot></button> |
| 20 <input id='inner-after'> |
| 21 </template> |
| 22 <div id='dummy2'></div> |
| 23 <div id='nested2'> |
| 24 <template data-mode='open'> |
| 25 <input id='innermost-before'> |
| 26 <slot></slot> |
| 27 <input id='innermost-after'> |
| 28 </template> |
| 29 <input id='innermost1'> |
| 30 <input id='innermost2'> |
| 31 </div> |
| 32 <span>button</span> |
| 33 </div> |
| 34 </div> |
| 35 <input id='i1'> |
| 36 |
| 37 <script> |
| 38 test(function() { |
| 39 var outer = document.querySelector('#outer'); |
| 40 convertTemplatesToShadowRootsWithin(outer); |
| 41 |
| 42 var elements = [ |
| 43 'i0', |
| 44 'outer/outer-before', |
| 45 'nested1/inner-before', |
| 46 'nested1/button', |
| 47 'nested2/innermost-before', |
| 48 'innermost1', |
| 49 'innermost2', |
| 50 'nested2/innermost-after', |
| 51 'nested1/inner-after', |
| 52 'outer/outer-after', |
| 53 'i1' |
| 54 ]; |
| 55 |
| 56 assert_focus_navigation_forward(elements); |
| 57 elements.reverse(); |
| 58 assert_focus_navigation_backward(elements); |
| 59 }, 'Focus controller should treat each slot as a focus scope.'); |
| 60 </script> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2432293002:
Fix focus navigation for nested slot case (Closed)
