layout/reftests/bidi/bidi-006-j.html

   1 <!DOCTYPE html>
   2 <!-- Bidi reftest 006: rtl text with diacritics. This is hard to reftest
   3      because if there is a bug it will typically be exhibited in the reference
   4      rendering as well as in the test. The approach adopted here is to
   5      position boxes around the edges of the character without a diacritic and
   6      make sure that the character with the diacritic displays in the same
   7      space, so that if the diacritic is shifted to the right or left it will
   8      be cut off in the test rendering and be visible (in the wrong place) in
   9      the reference rendering.
  10
  11      Relevant bugs:
  12      378351 (Windows)
  13      386573 (Mac)
  14      387653 (Linux)
  15      395676 (Windows)
  16  -->
  17 <html>
  18  <head>
  19   <meta http-equiv="content-type" content="text/html; charset=utf-8">
  20  </head>
  21   <style type="text/css">
  22 body { background: white; color: black; }
  23 p {
  24   font-family: sans-serif;
  25   font-size: 36px;
  26   margin: 0;
  27   text-align: justify;
  28 }
  29 span {
  30   display: inline-block;
  31   width: 3em;
  32   height: 3em;
  33   margin-top: -2em;
  34   vertical-align: bottom;
  35   background: white;
  36 }
  37 /* borders should be covered by overhang */
  38 p#test {
  39   border-left: 3em solid red;
  40   border-right: 3em solid red;
  41   width: max-content;
  42   width: intrinsic;
  43 }
  44   </style>
  45  <body>
  46   <p id="test">&#x5e0;&#x5b8;</p>
  47   <p id="overhang"><span></span>&#x5e0;<span></span></p>
  48  </body>
  49 </html>