| OLD | NEW |
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <style>* { font-family: monospace; }</style> |
| 3 <div id="host">[<span id="one">One</span> <span id="two">Two</span>]</div> |
| 4 <script> |
| 5 function doDrag(start, end) { |
| 6 if (!window.eventSender) |
| 7 return; |
| 8 eventSender.mouseMoveTo(start.offsetLeft + (start.offsetWidth / 2), start.of
fsetTop + 3); |
| 9 eventSender.mouseDown(); |
| 10 eventSender.mouseMoveTo(end.offsetLeft + (end.offsetWidth / 2), end.offsetTo
p + 3); |
| 11 eventSender.mouseUp(); |
| 12 } |
| 13 var host = document.querySelector('#host'); |
| 14 var shadowRoot = host.createShadowRoot(); |
| 15 shadowRoot.innerHTML = '[<content select="#two"></content> <content select="#one
"></content>]'; |
| 16 var one = document.querySelector('#one'); |
| 17 var two = document.querySelector('#two'); |
| 18 doDrag(two, one); |
| 19 </script> |
| OLD | NEW |