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