layout/reftests/forms/display-block-baselines-3-ref.html

   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>