layout/base/tests/chrome/scroll_selection_into_view_window.html@b8a032363ba2 (annotated)
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
| michael@0 | 1 | <!DOCTYPE HTML> |
| michael@0 | 2 | <html> |
| michael@0 | 3 | <head> |
| michael@0 | 4 | <title>Test for scrolling selection into view</title> |
| michael@0 | 5 | </head> |
| michael@0 | 6 | <body onload="opener.doTest();"> |
| michael@0 | 7 | |
| michael@0 | 8 | <div id="c1" style="overflow-y:scroll; width:200px; height:200px; position:absolute; top:200px; left:0;"> |
| michael@0 | 9 | <div style="height:400px;"></div> |
| michael@0 | 10 | <div><span id="target1" |
| michael@0 | 11 | style="display:inline-block; vertical-align:top; height:20px;">target</span> |
| michael@0 | 12 | </div> |
| michael@0 | 13 | <div style="height:400px;"></div> |
| michael@0 | 14 | </div> |
| michael@0 | 15 | <div id="c2" style="overflow:hidden; width:200px; height:200px; position:absolute; top:200px; left:200px;"> |
| michael@0 | 16 | <div style="height:400px;"></div> |
| michael@0 | 17 | <div><span id="target2" |
| michael@0 | 18 | style="display:inline-block; vertical-align:top; height:20px;">target2</span> |
| michael@0 | 19 | </div> |
| michael@0 | 20 | <div style="height:400px;"></div> |
| michael@0 | 21 | </div> |
| michael@0 | 22 | <div id="c3" style="overflow-y:scroll; width:200px; height:200px; position:absolute; top:200px; left:400px;"> |
| michael@0 | 23 | <div style="height:400px;"></div> |
| michael@0 | 24 | <div><span id="target3" |
| michael@0 | 25 | style="display:inline-block; vertical-align:top; height:300px;">target3</span> |
| michael@0 | 26 | </div> |
| michael@0 | 27 | <div style="height:400px;"></div> |
| michael@0 | 28 | </div> |
| michael@0 | 29 | <div id="c4" style="overflow-y:scroll; width:200px; height:200px; position:absolute; top:200px; left:600px;"> |
| michael@0 | 30 | <iframe id="target4" style="border:none; width:100%; height:1100px; display:block;" |
| michael@0 | 31 | src="data:text/html, |
| michael@0 | 32 | <body style='margin:0; overflow:hidden;'> |
| michael@0 | 33 | <div style='height:400px;'></div> |
| michael@0 | 34 | <div><span id='target4' |
| michael@0 | 35 | style='display:inline-block; vertical-align:top; height:300px;'>target4</span> |
| michael@0 | 36 | </div> |
| michael@0 | 37 | <div style='height:400px;'></div>"> |
| michael@0 | 38 | </iframe> |
| michael@0 | 39 | </div> |
| michael@0 | 40 | <div id="c5" style="overflow-y:scroll; width:200px; height:200px; position:absolute; top:400px; left:0;"> |
| michael@0 | 41 | <div style="-moz-transform:translateY(400px); transform:translateY(400px)"> |
| michael@0 | 42 | <span id="target5" style="display:inline-block; vertical-align:top; height:20px;">target</span> |
| michael@0 | 43 | </div> |
| michael@0 | 44 | <div style="height:800px;"></div> |
| michael@0 | 45 | </div> |
| michael@0 | 46 | <div id="c6" style="overflow-y:scroll; width:200px; height:200px; position:absolute; top:400px; left:200px;"> |
| michael@0 | 47 | <div style="height:200px"></div> |
| michael@0 | 48 | <div style="height:100px; -moz-transform:scale(2); transform:scale(2)"> |
| michael@0 | 49 | <span id="target6" style="display:inline-block; vertical-align:top; height:20px;">target</span> |
| michael@0 | 50 | </div> |
| michael@0 | 51 | <div style="height:800px;"></div> |
| michael@0 | 52 | </div> |
| michael@0 | 53 | <div id="c7" style="overflow-y:scroll; width:200px; height:200px; position:absolute; top:400px; left:400px;"> |
| michael@0 | 54 | <div style="overflow:auto; height:200px; -moz-transform:translateY(400px); transform:translateY(400px)"> |
| michael@0 | 55 | <div style="height:200px;"></div> |
| michael@0 | 56 | <div> |
| michael@0 | 57 | <span id="target7" style="display:inline-block; vertical-align:top; height:20px;">target</span> |
| michael@0 | 58 | </div> |
| michael@0 | 59 | <div style="height:800px;"></div> |
| michael@0 | 60 | </div> |
| michael@0 | 61 | <div style="height:800px;"></div> |
| michael@0 | 62 | </div> |
| michael@0 | 63 | |
| michael@0 | 64 | </body> |
| michael@0 | 65 | |
| michael@0 | 66 | </html> |
