825999-ref.html (3741B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Testcase for bug 825999</title> 5 <meta charset="utf-8"> 6 <style> 7 html,body { 8 color:black; background-color:white; font-family: monospace; font-size:16px; padding:4px; margin:0; 9 } 10 11 button,p,select,span,table,object { 12 width: 14px; 13 text-indent: 20px; 14 overflow: clip; 15 padding-left:6px; 16 padding-right:17px; 17 outline: 1px solid blue; 18 margin: 2px; 19 } 20 button, select { display: block } 21 span { 22 display:inline-block; 23 overflow:visible; 24 outline:none; 25 } 26 x { 27 display:block; 28 overflow:hidden; 29 height:3em; 30 padding:1px; 31 vertical-align:top; 32 background:lime; 33 width:36px; 34 position: relative; 35 } 36 x > span ~ div { 37 /* See the test file - we sized the span to ensure that <span> 38 fits within <x>'s content box, so we need to occlude the 39 part visible in the padding area. */ 40 position: absolute; 41 right: 0px; 42 top: 0px; 43 width: 1px; 44 height: 100%; 45 background: lime; 46 } 47 .bb, .cb { width: 300px; display: inline-block } 48 .bb * { 49 box-sizing: border-box; 50 } 51 .cb * { 52 box-sizing: content-box; 53 } 54 td { 55 max-width:14px; 56 } 57 .bc { 58 border-collapse:collapse; 59 } 60 .it { 61 display:inline-table; 62 } 63 object { height:3em; } 64 </style> 65 </head> 66 <body> 67 <div class="bb"> 68 <p>testing</p> 69 <x></x> 70 <button>testing</button> 71 <select size=1><option>testing</select> 72 <select size=3><option>testing<option>testing<option>testing</select> 73 <object type="text/html" data="data:text/html,testing"></object> 74 <table><tr><td>testing</td></tr></table> 75 <table class="bc"><tr><td>testing</td></tr></table> 76 <table class="it"><tr><td>testing</td></tr></table> 77 <table class="bc it"><tr><td>testing</td></tr></table> 78 <table style="overflow:visible"><tbody style="overflow:hidden"><tr><td>testing</td></tr></table> 79 <table style="overflow:visible"><tbody><tr style="overflow:hidden"><td>testing</td></tr></table> 80 <table style="overflow:visible"><tbody><tr><td style="overflow:hidden">testing</td></tr></table> 81 </div> 82 <div class="cb"> 83 <p>testing</p> 84 <x><span>testing</span><div class="padding-inflation"></div></x> 85 <button>testing</button> 86 <select size=1><option>testing</select> 87 <select size=3><option>testing<option>testing<option>testing</select> 88 <object type="text/html" data="data:text/html,testing"></object> 89 <table><tr><td>testing</td></tr></table> 90 <table class="bc"><tr><td>testing</td></tr></table> 91 <table class="it"><tr><td>testing</td></tr></table> 92 <table class="bc it"><tr><td>testing</td></tr></table> 93 <table style="overflow:visible"><tbody style="overflow:hidden"><tr><td>testing</td></tr></table> 94 <table style="overflow:visible"><tbody><tr style="overflow:hidden"><td>testing</td></tr></table> 95 <table style="overflow:visible"><tbody><tr><td style="overflow:hidden">testing</td></tr></table> 96 </div> 97 </body> 98 </html>