087.xhtml (732B)
1 <?xml version="1.0" encoding="utf-8"?> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>Scrolling during selection drag and drop to text input</title> 5 <style type="text/css"> 6 input[placeholder] 7 {width:300px; 8 height:50px; 9 margin-top:200px;} 10 div 11 {height:150px; 12 width:500px; 13 overflow-y:scroll;} 14 </style> 15 </head> 16 <body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> 17 <p>Drag me</p> 18 <div> 19 <p>You should be able to drag selected text to the input at the bottom of scrollable container (dragging towards the bottom edge triggers scrolling).</p> 20 <input placeholder="Drop selection here"/> 21 <p>Copy of selection should end up in the input once you drop it there.</p> 22 </div> 23 </body> 24 </html>