tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

dir_auto-isolate-ref.html (1854B)

      1 <!DOCTYPE html>
      2 <html>
      3  <head>
      4    <meta charset="utf-8" />
      5    <title>HTML Test: dir=auto, isolated in LTR text</title>
      6    <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
      7    <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
      8    <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
      9    <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-dir-attribute" />
     10    <meta name="assert" content="
     11      When dir='auto', the direction is set according to the first strong character
     12      of the text, but the element behaves externally as a neutral character.
     13      In this test, it allows a preceding R to form a single directional run
     14      with a succeeding number." />
     15    <style>
     16      input, textarea {
     17        font-size:1em;
     18      }
     19      body {
     20        font-size:2em;
     21      }
     22      .test, .ref {
     23        border: medium solid gray;
     24        width: 400px;
     25        margin: 20px;
     26      }
     27      .comments {
     28        display: none;
     29      }
     30    </style>
     31  </head>
     32  <body>
     33    <div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
     34    <div class="comments">
     35      Key to entities used below:
     36      &#x05D0; - The Hebrew letter Alef (strongly RTL).
     37      &#x202D; - The LRO (left-to-right override) formatting character.
     38      &#x202C; - The PDF (pop directional formatting) formatting character; closes LRO.
     39    </div>
     40    <div class="test">
     41      <div dir="ltr">
     42        &#x202D;1 a! &#x05D0;&#x202C;
     43      </div>
     44      <div dir="rtl">
     45        &#x202D;a !&#x05D0; 1&#x202C;
     46      </div>
     47    </div>
     48    <div class="ref">
     49      <div dir="ltr">
     50        &#x202D;1 a! &#x05D0;&#x202C;
     51      </div>
     52      <div dir="rtl">
     53        &#x202D;a !&#x05D0; 1&#x202C;
     54      </div>
     55    </div>
     56  </body>
     57 </html>