019.xhtml (851B)
1 <?xml version="1.0" encoding="utf-8"?> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>Dragging selection from XHTML textarea to SVG textArea</title> 5 <style type="text/css"> 6 textarea 7 {height:1.5em; 8 width:7em;} 9 </style> 10 </head> 11 <body onload="var t = document.querySelector('textarea');t.select();t.setSelectionRange(0,7)"> 12 <p><textarea>Drag me</textarea></p> 13 <p>Drag selection above to the blue box. Copy of selection should end up in the blue box once you drop it there.</p> 14 <svg xmlns="http://www.w3.org/2000/svg" version="1.2" width="500px" height="300px" viewBox="0 0 500 300"> 15 <textArea x="10" y="10" width="480" height="280" font-size="20" editable="simple" pointer-events="boundingBox">Drop selection here</textArea> 16 <rect x="10" y="10" width="480" height="280" stroke="black" stroke-width="1" fill="none"/> 17 </svg> 18 </body> 19 </html>