tor-browser

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

vlr-rtl-rtl.html (2654B)

      1 <!DOCTYPE html>
      2 <link rel="help" href="https://drafts.csswg.org/css2/visudet.html#abs-non-replaced-width" />
      3 <link rel="match" href="vlr-ref.html">
      4 <meta name="assert" content="This test checks the static position of an out of flow absolute positioned element, under various conditions." />
      5 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
      6 <style>
      7 body { writing-mode: vertical-lr; }
      8 .container {
      9  position: relative;
     10  background: green;
     11  color: green;
     12  font: 16px/1 Ahem;
     13  border: solid black 3px;
     14  height: 400px;
     15  margin: 0 16px;
     16  padding: 2px;
     17 }
     18 .red { color: red; }
     19 .cb {
     20  position: relative;
     21  inset-block-start: 2px;
     22  inset-inline-start: 2px;
     23 }
     24 .rtl { direction: rtl; }
     25 .ltr { direction: ltr; }
     26 .inline { display: inline; }
     27 .abs { position: absolute; }
     28 
     29 .indent { text-indent: 20px; }
     30 * { text-indent: initial; }
     31 </style>
     32 
     33 There should be no red.
     34 <div class="container rtl">
     35  XXX<span class="rtl">XX<div class="abs inline">XXXXX</div><span class="red">XXXXX</span></span>
     36 </div>
     37 
     38 <div class="container rtl indent">
     39  XXX<span class="rtl">XX<div class="abs inline">XXXXX</div><span class="red">XXXXX</span></span>
     40 </div>
     41 
     42 <div class="container rtl">
     43  XXX<span class="rtl">XX<div class="abs block">XXXXX</div><br><span class="red">XXXXX</span></span>
     44 </div>
     45 
     46 <div class="container rtl indent">
     47  XXX<span class="rtl">XX<div class="abs block">XXXXX</div><br><span class="red">XXXXX</span></span>
     48 </div>
     49 
     50 <div class="container rtl">
     51  XXX<span class="rtl cb">XX<div class="abs inline">XXXXX</div><span class="red">XXXXX</span></span>
     52 </div>
     53 
     54 <div class="container rtl indent">
     55  XXX<span class="rtl cb">XX<div class="abs inline">XXXXX</div><span class="red">XXXXX</span></span>
     56 </div>
     57 
     58 <div class="container rtl">
     59  XXX<span class="rtl cb">XX<div class="abs block">XXXXX</div><br><span class="red">XXXXX</span></span>
     60 </div>
     61 
     62 <div class="container rtl indent">
     63  XXX<span class="rtl cb">XX<div class="abs block">XXXXX</div><br><span class="red">XXXXX</span></span>
     64 </div>
     65 
     66 <div class="container rtl">
     67  <span class="cb">XXX<span class="rtl">XX<div class="abs inline">XXXXX</div><span class="red">XXXXX</span></span></span>
     68 </div>
     69 
     70 <div class="container rtl indent">
     71  <span class="cb">XXX<span class="rtl">XX<div class="abs inline">XXXXX</div><span class="red">XXXXX</span></span></span>
     72 </div>
     73 
     74 <div class="container rtl">
     75  <span class="cb">XXX<span class="rtl">XX<div class="abs block">XXXXX</div><br><span class="red">XXXXX</span></span></span>
     76 </div>
     77 
     78 <div class="container rtl indent">
     79  <span class="cb">XXX<span class="rtl">XX<div class="abs block">XXXXX</div><br><span class="red">XXXXX</span></span></span>
     80 </div>