088.xhtml (830B)
1 <?xml version="1.0" encoding="utf-8"?> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>Vertical 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 div > p:first-child 10 {margin-bottom:200px;} 11 body > div 12 {height:150px; 13 width:500px; 14 overflow-y:scroll;} 15 div > div 16 {height:400px;} 17 </style> 18 </head> 19 <body onload="window.getSelection().selectAllChildren(document.querySelector('p'))"> 20 <p>Drag me</p> 21 <div> 22 <div> 23 <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> 24 <input placeholder="Drop selection here"/> 25 <p>Copy of selection should end up in the input once you drop it there.</p> 26 </div> 27 </div> 28 </body> 29 </html>