|
1 <!DOCTYPE HTML> |
|
2 <html> |
|
3 <head> |
|
4 <title>Test for scrolling selection into view</title> |
|
5 </head> |
|
6 <body onload="opener.doTest();"> |
|
7 |
|
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> |
|
63 |
|
64 </body> |
|
65 |
|
66 </html> |