mirror of
https://github.com/servo/servo
synced 2026-04-29 02:47:55 +02:00
29 lines
814 B
HTML
29 lines
814 B
HTML
<?xml version="1.0" encoding="utf-8"?>
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<title>Vertical scrolling during selection drag and drop to text input</title>
|
|
<style type="text/css">
|
|
input[placeholder]
|
|
{width:300px;
|
|
height:50px;}
|
|
div > p:first-child
|
|
{margin-bottom:200px;}
|
|
body > div
|
|
{height:150px;
|
|
width:500px;
|
|
overflow-y:scroll;}
|
|
div > div
|
|
{height:400px;}
|
|
</style>
|
|
</head>
|
|
<body onload="window.getSelection().selectAllChildren(document.querySelector('p'))">
|
|
<p>Drag me</p>
|
|
<div>
|
|
<div>
|
|
<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>
|
|
<input placeholder="Drop selection here"/>
|
|
<p>Copy of selection should end up in the input once you drop it there.</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |