display-block-baselines-3-ref.html (1275B)
1 <!DOCTYPE HTML> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <html><head> 7 <meta charset="utf-8"> 8 <title>Reference: Testcase #3 for bug 1330962</title> 9 <style type="text/css"> 10 html,body { 11 color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0; 12 } 13 * { font:16px/1 monospace; } 14 15 .block { display: block; } 16 .grid { display: grid; } 17 18 .no-theme { 19 -moz-appearance: none; 20 -webkit-appearance: none; 21 appearance: none; 22 padding: 20px 0; 23 border: none; 24 background: white; 25 } 26 27 .scroll { 28 overflow-y: scroll; 29 } 30 31 .no-scroll { 32 overflow: visible; 33 } 34 35 .grid { 36 display: inline-grid; 37 baseline-source: last; 38 } 39 </style> 40 </head> 41 <body> 42 43 <div> 44 <div class="grid"> 45 A 46 <textarea class="block">textarea</textarea> 47 </div> 48 B 49 </div> 50 51 <div> 52 <div class="grid"> 53 A 54 <textarea class="block no-theme">textarea</textarea> 55 </div> 56 B 57 </div> 58 59 <div> 60 <div class="grid"> 61 A 62 <textarea class="block no-theme no-scroll">textarea</textarea> 63 </div> 64 B 65 </div> 66 67 <div> 68 <div class="grid"> 69 A<br> 70 <div style="display:inline-block"><fieldset style="display:inline">fieldset-first<br>fieldset-last</fieldset></div> 71 </div> 72 B 73 </div> 74 75 </body> 76 </html>