tor-browser

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

dir_auto-textarea-N-EN.html (2204B)


      1 <!DOCTYPE html>
      2 <html>
      3  <head>
      4    <meta charset="utf-8" />
      5    <title>HTML Test: textarea with dir=auto, all N+EN</title>
      6    <link rel="match" href="dir_auto-textarea-N-EN-ref.html" />
      7    <link rel="author" title="Aharon Lanin" href="mailto:aharon@google.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    <link rel="help" href="http://dev.w3.org/csswg/css3-writing-modes/#unicode-bidi0" />
     11    <meta name="assert" content="
     12      When dir='auto', the direction is set according to the first strong character
     13      of the text.
     14      For textarea and pre elements, the heuristic is applied on a per-paragraph level.
     15      If there is no strong character, as in this test, the direction defaults to LTR." />
     16    <style>
     17      body, textarea {
     18        font-size:18px;
     19        text-align:left;
     20      }
     21      .test, .ref {
     22        border: medium solid gray;
     23        width: 400px;
     24        margin: 20px;
     25      }
     26      .comments {
     27        display: none;
     28      }
     29    </style>
     30  </head>
     31  <body>
     32    <div class="instructions"><p>Test passes if the two boxes below look exactly the same.</p></div>
     33    <div class="comments">
     34      Key to entities used below:
     35        &#x200E; - LRM, the invisible left-to-right mark (strongly LTR).
     36        &#x200F; - RLM, the invisible right-to-left mark (strongly RTL).
     37      We use text-align:left because neither the dir="auto" nor the unicode-bidi:plaintext
     38      specification states whether text-align:start and text-align:end should obey the paragraph
     39      direction or the direction property in a unicode-bidi:plaintext element.
     40    </div>
     41    <div class="test">
     42      <div dir="ltr">
     43        <textarea rows="2" dir="auto">
     44 @123!
     45        </textarea>
     46      </div>
     47      <div dir="rtl">
     48        <textarea rows="2" dir="auto">
     49 @123!
     50        </textarea>
     51      </div>
     52    </div>
     53    <div class="ref">
     54      <div dir="ltr">
     55        <textarea rows="2" dir="ltr">
     56 @123!
     57        </textarea>
     58      </div>
     59      <div dir="rtl">
     60        <textarea rows="2" dir="ltr">
     61 @123!
     62        </textarea>
     63      </div>
     64    </div>
     65  </body>
     66 </html>