layout/base/tests/chrome/scroll_selection_into_view_window.html

changeset 0
6474c204b198
     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>

mercurial