825999.html (3649B)
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: hidden; 15 padding-left:6px; 16 padding-right:17px; 17 outline: 1px solid blue; 18 margin: 2px; 19 } 20 /* Avoid baseline differences between scrollable and non-scrollable buttons */ 21 button, select { display: block } 22 span { 23 display:inline-block; 24 overflow: hidden; 25 outline:none; 26 } 27 x { 28 display:block; 29 overflow:auto; 30 height:3em; 31 padding:1px; 32 vertical-align:top; 33 background:lime; 34 width:36px; 35 scrollbar-width: none; 36 } 37 x > span { 38 /* As of bug 1768921, <x>'s padding on right contributes to the 39 scroller, so pull back on <span>'s right side padding by that 40 of <x>'s. */ 41 padding-right: 16px; 42 } 43 .bb, .cb { width: 300px; display: inline-block } 44 .bb * { 45 box-sizing: border-box; 46 } 47 .cb * { 48 box-sizing: content-box; 49 } 50 td { 51 max-width:14px; 52 } 53 .bc { 54 border-collapse:collapse; 55 } 56 .it { 57 display:inline-table; 58 } 59 object { height:3em; } 60 </style> 61 </head> 62 <body> 63 <div class="bb"> 64 <p>testing</p> 65 <x><span>testing</span></x> 66 <button>testing</button> 67 <select size=1><option>testing</select> 68 <select size=3><option>testing<option>testing<option>testing</select> 69 <object type="text/html" data="data:text/html,testing"></object> 70 <table><tr><td>testing</td></tr></table> 71 <table class="bc"><tr><td>testing</td></tr></table> 72 <table class="it"><tr><td>testing</td></tr></table> 73 <table class="bc it"><tr><td>testing</td></tr></table> 74 <table style="overflow:visible"><tbody style="overflow:hidden"><tr><td>testing</td></tr></table> 75 <table style="overflow:visible"><tbody><tr style="overflow:hidden"><td>testing</td></tr></table> 76 <table style="overflow:visible"><tbody><tr><td style="overflow:hidden">testing</td></tr></table> 77 </div> 78 <div class="cb"> 79 <p>testing</p> 80 <x><span>testing</span></x> 81 <button>testing</button> 82 <select size=1><option>testing</select> 83 <select size=3><option>testing<option>testing<option>testing</select> 84 <object type="text/html" data="data:text/html,testing"></object> 85 <table><tr><td>testing</td></tr></table> 86 <table class="bc"><tr><td>testing</td></tr></table> 87 <table class="it"><tr><td>testing</td></tr></table> 88 <table class="bc it"><tr><td>testing</td></tr></table> 89 <table style="overflow:visible"><tbody style="overflow:hidden"><tr><td>testing</td></tr></table> 90 <table style="overflow:visible"><tbody><tr style="overflow:hidden"><td>testing</td></tr></table> 91 <table style="overflow:visible"><tbody><tr><td style="overflow:hidden">testing</td></tr></table> 92 </div> 93 </body> 94 </html>