| <!DOCTYPE html> | |
| <script src='resources/shadow-dom.js'></script> | |
| <div id='host'> | |
| <template data-mode='open'> | |
| <slot name='slot1'> | |
| <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> | |
| </template> | |
| <div id='child1' slot='slot2'></div> | |
| </div> | |
| <script> | |
| convertTemplatesToShadowRootsWithin(host); | |
| </script> |