third_party/WebKit/LayoutTests/fast/sub-pixel/vertical-align-middle-overflow.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <style>
   5             .block {
   6                 overflow-x: hidden;
   7                 width: 100px;
   8             }
   9             .icon {
  10                 display: inline-block;
  11                 background-color: red;
  12                 height: 29px;
  13                 width: 29px;
  14                 vertical-align: middle;
  15             }
  16         </style>
  17         <script src="../../resources/js-test.js"></script>
  18     </head>
  19     <body>
  20         <div id="test-block" class="block">
  21             <span class="icon">&nbsp;</span>
  22             <span>Cell 2</span>
  23         </div>
  24
  25         <p>
  26             The block above should not have a scrollbar.
  27         </p>
  28
  29         <script>
  30             var element = document.getElementById('test-block');
  31
  32             if (element.offsetHeight == element.scrollHeight)
  33                 testPassed('Does not overflow.');
  34             else
  35                 testFailed('Overflows, offsetHeight ' + element.offsetHeight + 'px, scrollHeight ' + element.scrollHeight + 'px');
  36         </script>
  37   </body>
  38 </html>