third_party/WebKit/LayoutTests/fast/text/international/vertical-positioning-with-combining-marks.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <meta charset="utf8">
   5         <style>
   6             div {
   7                 font-size: 24pt;
   8                 position: relative;
   9             }
  10             div > span {
  11                 visibility: hidden;
  12                 display: inline-block;
  13                 position: absolute;
  14                 top: 0px;
  15                 left: 0px;
  16                 width: 100%;
  17                 height: 10pt;
  18                 background: white;
  19             }
  20         </style>
  21     </head>
  22     <body>
  23         <div>ب-بّ-ب<span id="mask">&nbsp;</span></div>
  24         <p>
  25             The three Arabic glyphs above should have the same baseline.
  26         </p>
  27         <script>
  28             // Hide combining mark when running as test and try to match
  29             // with the same text without the mark.
  30             if (window.testRunner)
  31                 document.getElementById('mask').style.visibility = 'visible';
  32         </script>
  33     </body>
  34 </html>