layout/base/tests/chrome/scroll_selection_into_view_window.html@b8a032363ba2
layout/base/tests/chrome/scroll_selection_into_view_window.html
Thu, 22 Jan 2015 13:21:57 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Thu, 22 Jan 2015 13:21:57 +0100
- branch
- TOR_BUG_9701
- changeset 15
- b8a032363ba2
- permissions
- -rw-r--r--
Incorporate requested changes from Mozilla in review:
https://bugzilla.mozilla.org/show_bug.cgi?id=1123480#c6
1 <!DOCTYPE HTML>
2 <html>
3 <head>
4 <title>Test for scrolling selection into view</title>
5 </head>
6 <body onload="opener.doTest();">
8 <div id="c1" style="overflow-y:scroll; width:200px; height:200px; position:absolute; top:200px; left:0;">
9 <div style="height:400px;"></div>
10 <div><span id="target1"
11 style="display:inline-block; vertical-align:top; height:20px;">target</span>
12 </div>
13 <div style="height:400px;"></div>
14 </div>
15 <div id="c2" style="overflow:hidden; width:200px; height:200px; position:absolute; top:200px; left:200px;">
16 <div style="height:400px;"></div>
17 <div><span id="target2"
18 style="display:inline-block; vertical-align:top; height:20px;">target2</span>
19 </div>
20 <div style="height:400px;"></div>
21 </div>
22 <div id="c3" style="overflow-y:scroll; width:200px; height:200px; position:absolute; top:200px; left:400px;">
23 <div style="height:400px;"></div>
24 <div><span id="target3"
25 style="display:inline-block; vertical-align:top; height:300px;">target3</span>
26 </div>
27 <div style="height:400px;"></div>
28 </div>
29 <div id="c4" style="overflow-y:scroll; width:200px; height:200px; position:absolute; top:200px; left:600px;">
30 <iframe id="target4" style="border:none; width:100%; height:1100px; display:block;"
31 src="data:text/html,
32 <body style='margin:0; overflow:hidden;'>
33 <div style='height:400px;'></div>
34 <div><span id='target4'
35 style='display:inline-block; vertical-align:top; height:300px;'>target4</span>
36 </div>
37 <div style='height:400px;'></div>">
38 </iframe>
39 </div>
40 <div id="c5" style="overflow-y:scroll; width:200px; height:200px; position:absolute; top:400px; left:0;">
41 <div style="-moz-transform:translateY(400px); transform:translateY(400px)">
42 <span id="target5" style="display:inline-block; vertical-align:top; height:20px;">target</span>
43 </div>
44 <div style="height:800px;"></div>
45 </div>
46 <div id="c6" style="overflow-y:scroll; width:200px; height:200px; position:absolute; top:400px; left:200px;">
47 <div style="height:200px"></div>
48 <div style="height:100px; -moz-transform:scale(2); transform:scale(2)">
49 <span id="target6" style="display:inline-block; vertical-align:top; height:20px;">target</span>
50 </div>
51 <div style="height:800px;"></div>
52 </div>
53 <div id="c7" style="overflow-y:scroll; width:200px; height:200px; position:absolute; top:400px; left:400px;">
54 <div style="overflow:auto; height:200px; -moz-transform:translateY(400px); transform:translateY(400px)">
55 <div style="height:200px;"></div>
56 <div>
57 <span id="target7" style="display:inline-block; vertical-align:top; height:20px;">target</span>
58 </div>
59 <div style="height:800px;"></div>
60 </div>
61 <div style="height:800px;"></div>
62 </div>
64 </body>
66 </html>
