File: 171.xhtml

package info (click to toggle)
firefox 145.0.1-1
  • links: PTS, VCS
  • area: main
  • in suites: sid
  • size: 4,653,528 kB
  • sloc: cpp: 7,594,999; javascript: 6,459,658; ansic: 3,752,909; python: 1,403,455; xml: 629,809; asm: 438,679; java: 186,421; sh: 67,287; makefile: 19,169; objc: 13,086; perl: 12,982; yacc: 4,583; cs: 3,846; pascal: 3,448; lex: 1,720; ruby: 1,003; exp: 762; php: 436; lisp: 258; awk: 247; sql: 66; sed: 54; csh: 10
file content (39 lines) | stat: -rw-r--r-- 1,008 bytes parent folder | download | duplicates (32) 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 
<?xml version="1.0" encoding="utf-8"?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Dragging text selection from scrollable container to block element</title>
<style type="text/css">
div
  {width:300px;
  height:100px;}
div:first-child
  {overflow-y:scroll;}
div[ondragenter]
  {margin-top:20px;
  padding:10px;
  color:white;
  background-color:navy;}
textarea
  {width:300px;
  height:100px;}
p+p
  {margin-top:200px;
  padding-bottom:50px;}
</style>
</head>
<body  onload="window.getSelection().selectAllChildren(document.querySelector('p + p'))">
<div>
<p>
Here is scrollable container with text selection at the end of it.
Drag selected text to the blue box.
Copy of selection should end up in the blue box once you drop it there.
</p>
<p>Try to drag this text.</p>
</div>
<div
  ondragenter="event.preventDefault()"
  ondragover="return false"
  ondrop="document.querySelector('div + div').appendChild(document.createTextNode(event.dataTransfer.getData('text/plain')))"
/>
</body>
</html>