dom/tests/mochitest/general/test_offsets.html@a63d609f5ebe (annotated)
dom/tests/mochitest/general/test_offsets.html
Thu, 15 Jan 2015 15:55:04 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Thu, 15 Jan 2015 15:55:04 +0100
- branch
- TOR_BUG_9701
- changeset 9
- a63d609f5ebe
- permissions
- -rw-r--r--
Back out 97036ab72558 which inappropriately compared turds to third parties.
| michael@0 | 1 | <!DOCTYPE HTML> |
| michael@0 | 2 | <html style="margin: 5px; border: 0; padding: 1px;"> |
| michael@0 | 3 | <head> |
| michael@0 | 4 | <title>HTML Tests for offset/client/scroll properties</title> |
| michael@0 | 5 | <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script> |
| michael@0 | 6 | <script type="text/javascript" src="test_offsets.js"></script> |
| michael@0 | 7 | <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"> |
| michael@0 | 8 | |
| michael@0 | 9 | <style> |
| michael@0 | 10 | input { |
| michael@0 | 11 | box-sizing: content-box; |
| michael@0 | 12 | } |
| michael@0 | 13 | </style> |
| michael@0 | 14 | </head> |
| michael@0 | 15 | <body id="body" onload="setTimeout(testElements, 0, 'testelements', SimpleTest.finish);" |
| michael@0 | 16 | style="margin: 1px; border: 2px solid black; padding: 4px;"> |
| michael@0 | 17 | |
| michael@0 | 18 | <div id="testelements" style="margin: 0; border: 0; padding: 0;"> |
| michael@0 | 19 | <div id="div1" style="margin: 0; margin-left: 6px; margin-top: 2px; border: 1px solid green; padding: 6px; width: 50px; height: 20px" |
| michael@0 | 20 | _offsetLeft="13" _offsetTop="9" _offsetWidth="64" _offsetHeight="34" |
| michael@0 | 21 | _scrollWidth="62" _scrollHeight="32" |
| michael@0 | 22 | _clientLeft="1" _clientTop="1" _clientWidth="62" _clientHeight="32"></div> |
| michael@0 | 23 | <div id="noscroll" style="margin: 2px; border: 1px solid blue; padding: 3px;" |
| michael@0 | 24 | _offsetLeft="10" _offsetTop="12" _offsetWidth="64" _offsetHeight="34" |
| michael@0 | 25 | _scrollWidth="62" _scrollHeight="32" |
| michael@0 | 26 | _clientLeft="1" _clientTop="1" _clientWidth="62" _clientHeight="32"> |
| michael@0 | 27 | <div id="inner">Inner Text</div> |
| michael@0 | 28 | </div> |
| michael@0 | 29 | |
| michael@0 | 30 | <div id="absolute" style="position: absolute; margin: 5px; border: 2px solid blue; padding: 0;"> |
| michael@0 | 31 | <div id="absolute-block" _offsetParent="absolute"> |
| michael@0 | 32 | <div id="absolute-replaced" _offsetParent="absolute" style="margin: 1px; border: 0; padding: 3px;"></div> |
| michael@0 | 33 | </div> |
| michael@0 | 34 | </div> |
| michael@0 | 35 | |
| michael@0 | 36 | <div id="absolutelr" style="position: absolute; margin: 5px; border: 2px solid blue; padding: 0; left: 90px; top: 130px;"> |
| michael@0 | 37 | This is some absolute positioned text. |
| michael@0 | 38 | <div id="absolutelr-block" _offsetParent="absolutelr"> |
| michael@0 | 39 | <div id="absolutelr-replaced" _offsetParent="absolutelr" style="margin: 1px; border: 0; padding: 3px;"></div> |
| michael@0 | 40 | </div> |
| michael@0 | 41 | </div> |
| michael@0 | 42 | |
| michael@0 | 43 | <div id="relative" style="position: relative; margin: 2px; border: 1px solid orange; padding: 7px; left: 10px; top: 5px;"> |
| michael@0 | 44 | This is some relative positioned text. |
| michael@0 | 45 | <div id="relative-block" _offsetParent="relative"> |
| michael@0 | 46 | <div id="relative-replaced" _offsetParent="relative" style="margin: 1px; border: 0; padding: 3px;"></div> |
| michael@0 | 47 | </div> |
| michael@0 | 48 | </div> |
| michael@0 | 49 | |
| michael@0 | 50 | <div id="fixed" style="position: fixed; margin: 2px; border: 1px solid orange; padding: 7px; left: 87px; top: 12px;"> |
| michael@0 | 51 | This is some fixed positioned text. |
| michael@0 | 52 | <div id="fixed-block" _offsetParent="fixed"> |
| michael@0 | 53 | <div id="fixed-replaced" _offsetParent="fixed" style="margin: 1px; border: 0; padding: 3px;"></div> |
| michael@0 | 54 | </div> |
| michael@0 | 55 | </div> |
| michael@0 | 56 | |
| michael@0 | 57 | <div id="scrollbox" |
| michael@0 | 58 | style="overflow: scroll; padding-left: 0px; margin: 3px; border: 4px solid green; max-width: 80px; max-height: 70px;" |
| michael@0 | 59 | _scrollWidth="62" _scrollHeight="32" |
| michael@0 | 60 | _clientLeft="1" _clientTop="1" _clientWidth="62" _clientHeight="32"><p id="p1" style="margin: 0; padding: 0;">One</p> |
| michael@0 | 61 | <p id="p2">Two</p> |
| michael@0 | 62 | <p id="scrollchild">Three</p> |
| michael@0 | 63 | <p id="lastlinebox" style="margin: 0; padding: 0;"><input id="lastline" type="button" |
| michael@0 | 64 | style="margin: 0px; border: 2px solid red;" |
| michael@0 | 65 | value="This button is much longer than the others"> |
| michael@0 | 66 | </p></div> |
| michael@0 | 67 | |
| michael@0 | 68 | <div id="overflow-visible" style="width:100px; height:100px;"> |
| michael@0 | 69 | <div id="overflow-visible-1" style="width:200px; height:1px; background:yellow;"></div> |
| michael@0 | 70 | <div id="overflow-visible-2" style="height:200px; background:lime;"></div> |
| michael@0 | 71 | </div> |
| michael@0 | 72 | |
| michael@0 | 73 | <div id="div-displaynone" style="display: none; border: 0; padding: 0;" |
| michael@0 | 74 | _offsetParent="null"></div> |
| michael@0 | 75 | <p id="p3" style="margin: 2px; border: 0; padding: 1px;" |
| michael@0 | 76 | _offsetLeft="9" _offsetTop="9" _offsetWidth="64" _offsetHeight="34" |
| michael@0 | 77 | _scrollWidth="62" _scrollHeight="32" |
| michael@0 | 78 | _clientLeft="1" _clientTop="1" _clientWidth="62" _clientHeight="32"> |
| michael@0 | 79 | <div id="div-nosize" style="width: 0; height: 0; margin: 0; border: 0; padding: 0;"></div> |
| michael@0 | 80 | </p> |
| michael@0 | 81 | |
| michael@0 | 82 | </div> |
| michael@0 | 83 | |
| michael@0 | 84 | <div id="scrollbox-test" style="float: left; overflow: scroll; margin: 0; border: 0; padding: 0"></div> |
| michael@0 | 85 | |
| michael@0 | 86 | <script type="application/javascript"> |
| michael@0 | 87 | SimpleTest.waitForExplicitFinish(); |
| michael@0 | 88 | </script> |
| michael@0 | 89 | |
| michael@0 | 90 | <p id="display"></p> |
| michael@0 | 91 | <div id="content" style="display: none"> |
| michael@0 | 92 | |
| michael@0 | 93 | </div> |
| michael@0 | 94 | |
| michael@0 | 95 | </body> |
| michael@0 | 96 | </html> |
