27 lines
691 B
HTML
27 lines
691 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<body>
|
|
<p>This tests copying the content inside a shadow tree.<br>
|
|
To manually test, copy the selected content and paste it below:</p>
|
|
<style>
|
|
#source, #destination {
|
|
border: solid 1px #666;
|
|
margin: 1rem 0;
|
|
}
|
|
</style>
|
|
<div id="source">
|
|
<b>hello,
|
|
<span id="host"><span slot="webkit">WebKit</span> <span slot="others">and other engines</slot></span>
|
|
</b>
|
|
<i>rocks</i>
|
|
</div>
|
|
<div id="destination" contenteditable><br></div>
|
|
<script>
|
|
|
|
document.getElementById('host').attachShadow({mode: 'closed'}).innerHTML = 'world <slot name="webkit"></slot>';
|
|
getSelection().selectAllChildren(document.getElementById('source'));
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|