layout/reftests/writing-mode/1138356-2-button-contents-alignment.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <style type="text/css">
   4 button {
   5   writing-mode: vertical-rl;
   6   -moz-appearance: none;
   7   visibility: hidden;
   8 }
   9 #a { }
  10 #b { width: 50px; }
  11 #c { padding: 20px; }
  12 #d { padding-left: 20px; }
  13 #e { padding-right: 20px; }
  14 #f { width: 50px; padding: 20px; visibility: visible; } /* expected to mismatch */
  15 #g { width: 50px; padding-left: 20px; }
  16 #h { width: 50px; padding-right: 20px; }
  17 #i { padding-top: 20px; }
  18 #j { padding-bottom: 20px; }
  19 </style>
  20
  21 <!-- except for button #f, these should all render the same in both
  22      vertical-rl and vertical-lr writing modes -->
  23 <button id="a">Button</button>
  24 <button id="b">Button</button>
  25 <button id="c">Button</button>
  26 <button id="d">Button</button>
  27 <button id="e">Button</button>
  28 <button id="f">Button</button>
  29 <button id="g">Button</button>
  30 <button id="h">Button</button>
  31 <button id="i">Button</button>
  32 <button id="j">Button</button>