| <!DOCTYPE html> |
| <script src='resources/shadow-dom.js'></script> |
| <div id='host'> |
| <template data-mode='open'> |
| <div id='host2'> |
| <template data-mode='open'> |
| <slot name='slot-a'> |
| <slot name='slot-b'> |
| </slot> |
| <div id='fallback-a'></div> |
| </slot> |
| </template> |
| <slot name='slot1' slot='slot-b'> |
| <div id='fallback1'></div> |
| <slot name='slot2'> |
| <div id='fallback2'></div> |
| </slot> |
| </slot> |
| <slot name='slot3'> |
| <slot name='slot4'> |
| <div id='fallback3'></div> |
| </slot> |
| </slot> |
| </div> |
| </template> |
| <div id='child1' slot='slot2'></div> |
| </div> |
| <script> |
| convertTemplatesToShadowRootsWithin(host); |
| </script> |