• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1<!DOCTYPE html>
2<html>
3  <head>
4    <style>
5      .container {
6        margin: 10px;
7        width: 300px;
8        height: 200px;
9        background-color: grey;
10      }
11
12      .static {
13        display: static;
14      }
15
16      .inline-block {
17        display: inline-block;
18      }
19
20      .floatleft {
21        float: left;
22      }
23
24      *[draggable=true] {
25        width: 100px;
26        height: 100px;
27        margin: 10px;
28        background-color: green;
29      }
30    </style>
31  </head>
32  <body>
33    <div class="container inline-block static">
34      display: inline-block; position: static;
35      <div draggable="true">Drag Me</div>
36      If the drag-icon follows the mouse pointer while dragging the above green block, the test passes.
37    </div>
38
39    <div class="container" style="overflow:hidden">
40        greybox overflow:hidden; greenbox float:left;<br>
41        <div class="floatleft" draggable="true">Drag Me</div>
42        If the drag-icon follows the mouse pointer while dragging the green block to the left, the test passes.
43    </div>
44
45  </body>
46</html>
47