tor-browser

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

block-plaintext-005.html (1928B)

      1 <!DOCTYPE html>
      2 <html lang="en">
      3 <head>
      4 <meta charset="utf-8"/>
      5 <title>unicode-bidi: textarea plaintext</title>
      6 
      7 <link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/>
      8 <link rel="help" href='http://www.w3.org/TR/css-writing-modes-3/#text-direction'/>
      9 <meta name="assert" content='If unicode-bidi:plaintext is applied to a textarea element, each line of characters after a linebreak is displayed according to the first strong character after the linebreak.'/>
     10 <style type="text/css">
     11 .test textarea { unicode-bidi: plaintext; }
     12 
     13 /* the following styles are not part of the test */
     14 .test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; }
     15 input { margin: 5px; }
     16 @font-face {
     17    font-family: 'ezra_silregular';
     18    src: url('/fonts/sileot-webfont.woff') format('woff');
     19    font-weight: normal;
     20    font-style: normal;
     21    }
     22 .test, .ref { font-family: ezra_silregular, serif; }
     23 textarea { font-family: ezra_silregular, serif; height:5em; width: 100%; border: 0; font-size: 1em; }
     24 </style>
     25 </head>
     26 <body>
     27 <p class="instructions" dir="ltr">Test passes if the two boxes display the same glyphs in the same order, with the same line breaks.</p>
     28 
     29 
     30 <!--Notes:
     31 Key to entities used below:
     32        &#x5d0; ... &#x5d5; - The first six Hebrew letters (strongly RTL).
     33        &#x202d; - The LRO (left-to-right-override) formatting character.
     34        &#x202c; - The PDF (pop directional formatting) formatting character; closes LRO.
     35 -->
     36 
     37 
     38 <div class="test">
     39 <textarea>
     40 &gt; a &gt; &#x5d1; &gt; c &gt;
     41 &gt; &#x5d0; &gt; b &gt; &#x5d2; &gt;
     42 &gt; a &gt; &#x5d1; &gt; c &gt;
     43 </textarea>
     44 </div>
     45 
     46 <div class="ref">
     47 <div dir="ltr">&#x202d;&gt; a &gt; &#x5d1; &gt; c &gt;&#x202c;</div>
     48 <div dir="rtl">&#x202d;&lt;  &#x5d2; &lt; b &lt;  &#x5d0; &lt;&#x202c;</div>
     49 <div dir="ltr">&#x202d;&gt; a &gt; &#x5d1; &gt; c &gt;&#x202c;</div>
     50 <div>&#xA0;</div>
     51 </div>
     52 
     53 
     54 
     55 
     56 
     57 </body></html>