| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src='resources/shadow-dom.js'></script> | 2 <script src='resources/shadow-dom.js'></script> |
| 3 <div id='host'> | 3 <div id='host'> |
| 4 <template data-mode='open'> | 4 <template data-mode='open'> |
| 5 <slot name='slot1'> | 5 <slot name='slot1'> |
| 6 <div id='fallback1'></div> | 6 <div id='fallback1'></div> |
| 7 <slot name='slot2'> | 7 <slot name='slot2'> |
| 8 <div id='fallback2'></div> | 8 <div id='fallback2'></div> |
| 9 </slot> | 9 </slot> |
| 10 </slot> | 10 </slot> |
| 11 <slot name='slot3'> | 11 <slot name='slot3'> |
| 12 <slot name='slot4'> | 12 <slot name='slot4'> |
| 13 <div id='fallback3'></div> | 13 <div id='fallback3'></div> |
| 14 </slot> | 14 </slot> |
| 15 </slot> | 15 </slot> |
| 16 </template> | 16 </template> |
| 17 <div id='child1' slot='slot2'></div> | 17 <div id='child1' slot='slot2'></div> |
| 18 </div> | 18 </div> |
| 19 <script> | 19 <script> |
| 20 convertTemplatesToShadowRootsWithin(host); | 20 convertTemplatesToShadowRootsWithin(host); |
| 21 </script> | 21 </script> |
| OLD | NEW |