Thu, 15 Jan 2015 15:55:04 +0100
Back out 97036ab72558 which inappropriately compared turds to third parties.
michael@0 | 1 | <!DOCTYPE HTML> |
michael@0 | 2 | <html class="reftest-wait"><head> |
michael@0 | 3 | <meta charset="utf-8"> |
michael@0 | 4 | <title>Testcases for overflow-clip-box:content-box</title> |
michael@0 | 5 | <style type="text/css"> |
michael@0 | 6 | font-face { |
michael@0 | 7 | font-family: DejaVuSansMono; |
michael@0 | 8 | src: url(../fonts/DejaVuSansMono.woff),url(DejaVuSansMono.woff); |
michael@0 | 9 | } |
michael@0 | 10 | |
michael@0 | 11 | html,body { |
michael@0 | 12 | color:black; background-color:white; font:16px DejaVuSansMono!important; padding:0; margin:7px; |
michael@0 | 13 | } |
michael@0 | 14 | |
michael@0 | 15 | input { |
michael@0 | 16 | width: 100px; padding:50px; -moz-appearance:none; overflow-clip-box:content-box; |
michael@0 | 17 | border: 3px solid black; |
michael@0 | 18 | } |
michael@0 | 19 | textarea { |
michael@0 | 20 | width: 160px; height:110px; padding:40px; overflow:scroll; -moz-appearance:none; overflow-clip-box:content-box; |
michael@0 | 21 | border: 3px solid black;font:14px DejaVuSansMono!important; |
michael@0 | 22 | } |
michael@0 | 23 | |
michael@0 | 24 | p { |
michael@0 | 25 | position:absolute; |
michael@0 | 26 | margin:0; |
michael@0 | 27 | width:70%; |
michael@0 | 28 | height: 1px; |
michael@0 | 29 | background:magenta; |
michael@0 | 30 | } |
michael@0 | 31 | .rel p { width:200%; } |
michael@0 | 32 | .block { |
michael@0 | 33 | border:1px solid grey; height:50px; width:200px; padding:20px; |
michael@0 | 34 | overflow:auto; overflow-clip-box:content-box; |
michael@0 | 35 | } |
michael@0 | 36 | .rel { position:relative; } |
michael@0 | 37 | .button { width:0px; padding:0 50px; overflow:hidden; } |
michael@0 | 38 | .pb { overflow-clip-box:padding-box; } |
michael@0 | 39 | .cb { overflow-clip-box:content-box; } |
michael@0 | 40 | </style> |
michael@0 | 41 | <script> |
michael@0 | 42 | function runTest() { |
michael@0 | 43 | // the timeout is for avoiding differences in scrollbar fading |
michael@0 | 44 | document.documentElement.removeAttribute("class"); |
michael@0 | 45 | } |
michael@0 | 46 | </script> |
michael@0 | 47 | </head> |
michael@0 | 48 | <body onload="setTimeout(runTest,5000)"> |
michael@0 | 49 | |
michael@0 | 50 | <div class="rel block">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX<p></p></div> |
michael@0 | 51 | <div style="float:right"> |
michael@0 | 52 | |
michael@0 | 53 | <div class="block" style="-moz-box-sizing:border-box;height:90px">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</div> |
michael@0 | 54 | </div> |
michael@0 | 55 | |
michael@0 | 56 | <div class="rel block">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX<p></p></div> |
michael@0 | 57 | <div id="d1" class="rel block">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX<p></p></div> |
michael@0 | 58 | <script> |
michael@0 | 59 | document.getElementById("d1").scrollLeft = "100000"; |
michael@0 | 60 | </script> |
michael@0 | 61 | <div class="block">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX<p></p></div> |
michael@0 | 62 | |
michael@0 | 63 | <input spellcheck=false type="text" placeholder="someveryveryveryveryverylongvalue"> |
michael@0 | 64 | <input spellcheck=false type="text" value="someveryveryveryveryverylongvalue"><br> |
michael@0 | 65 | <input spellcheck=false type="password" value="someveryveryveryveryverylongpassword"> |
michael@0 | 66 | <input spellcheck=false type="email" value="someveryveryveryveryverylongvalue"> |
michael@0 | 67 | <input spellcheck=false type="blah" value="someveryveryveryveryverylongvalue"><br> |
michael@0 | 68 | <input spellcheck=false type="button" value="button" class="button" style="overflow-clip-box:initial"> |
michael@0 | 69 | <input spellcheck=false type="button" value="button" class="button pb"> |
michael@0 | 70 | <input spellcheck=false type="reset" class="button pb"> |
michael@0 | 71 | <input spellcheck=false type="submit" class="button pb"><br> |
michael@0 | 72 | <input spellcheck=false type="button" value="button" class="button cb"> |
michael@0 | 73 | <input spellcheck=false type="reset" class="button cb"> |
michael@0 | 74 | <input spellcheck=false type="submit" class="button cb"><br> |
michael@0 | 75 | |
michael@0 | 76 | </body> |
michael@0 | 77 | </html> |