1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/layout/base/tests/chrome/scroll_selection_into_view_window.html Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,66 @@ 1.4 +<!DOCTYPE HTML> 1.5 +<html> 1.6 +<head> 1.7 + <title>Test for scrolling selection into view</title> 1.8 +</head> 1.9 +<body onload="opener.doTest();"> 1.10 + 1.11 +<div id="c1" style="overflow-y:scroll; width:200px; height:200px; position:absolute; top:200px; left:0;"> 1.12 + <div style="height:400px;"></div> 1.13 + <div><span id="target1" 1.14 + style="display:inline-block; vertical-align:top; height:20px;">target</span> 1.15 + </div> 1.16 + <div style="height:400px;"></div> 1.17 +</div> 1.18 +<div id="c2" style="overflow:hidden; width:200px; height:200px; position:absolute; top:200px; left:200px;"> 1.19 + <div style="height:400px;"></div> 1.20 + <div><span id="target2" 1.21 + style="display:inline-block; vertical-align:top; height:20px;">target2</span> 1.22 + </div> 1.23 + <div style="height:400px;"></div> 1.24 +</div> 1.25 +<div id="c3" style="overflow-y:scroll; width:200px; height:200px; position:absolute; top:200px; left:400px;"> 1.26 + <div style="height:400px;"></div> 1.27 + <div><span id="target3" 1.28 + style="display:inline-block; vertical-align:top; height:300px;">target3</span> 1.29 + </div> 1.30 + <div style="height:400px;"></div> 1.31 +</div> 1.32 +<div id="c4" style="overflow-y:scroll; width:200px; height:200px; position:absolute; top:200px; left:600px;"> 1.33 + <iframe id="target4" style="border:none; width:100%; height:1100px; display:block;" 1.34 + src="data:text/html, 1.35 + <body style='margin:0; overflow:hidden;'> 1.36 + <div style='height:400px;'></div> 1.37 + <div><span id='target4' 1.38 + style='display:inline-block; vertical-align:top; height:300px;'>target4</span> 1.39 + </div> 1.40 + <div style='height:400px;'></div>"> 1.41 + </iframe> 1.42 +</div> 1.43 +<div id="c5" style="overflow-y:scroll; width:200px; height:200px; position:absolute; top:400px; left:0;"> 1.44 + <div style="-moz-transform:translateY(400px); transform:translateY(400px)"> 1.45 + <span id="target5" style="display:inline-block; vertical-align:top; height:20px;">target</span> 1.46 + </div> 1.47 + <div style="height:800px;"></div> 1.48 +</div> 1.49 +<div id="c6" style="overflow-y:scroll; width:200px; height:200px; position:absolute; top:400px; left:200px;"> 1.50 + <div style="height:200px"></div> 1.51 + <div style="height:100px; -moz-transform:scale(2); transform:scale(2)"> 1.52 + <span id="target6" style="display:inline-block; vertical-align:top; height:20px;">target</span> 1.53 + </div> 1.54 + <div style="height:800px;"></div> 1.55 +</div> 1.56 +<div id="c7" style="overflow-y:scroll; width:200px; height:200px; position:absolute; top:400px; left:400px;"> 1.57 + <div style="overflow:auto; height:200px; -moz-transform:translateY(400px); transform:translateY(400px)"> 1.58 + <div style="height:200px;"></div> 1.59 + <div> 1.60 + <span id="target7" style="display:inline-block; vertical-align:top; height:20px;">target</span> 1.61 + </div> 1.62 + <div style="height:800px;"></div> 1.63 + </div> 1.64 + <div style="height:800px;"></div> 1.65 +</div> 1.66 + 1.67 +</body> 1.68 + 1.69 +</html>