vlr-rtl-rtl-in-multicol.html (1841B)
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-in-multicol-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 font: 16px/1 Ahem; 12 inline-size: 80px; 13 block-size: 100px; 14 color: green; 15 } 16 .multicol { 17 column-count: 2; 18 column-fill: auto; 19 column-gap: 0; 20 block-size: 100px; 21 inline-size: 160px; 22 } 23 .red { color: red; } 24 .cb { 25 position: relative; 26 inset-block-start: 15px; 27 inset-inline-start: 20px; 28 } 29 .rtl { direction: rtl; } 30 .ltr { direction: ltr; } 31 .inline { display: inline; } 32 .abs { position: absolute; } 33 </style> 34 35 There should be no red. 36 <div class="multicol"> 37 <div class="container rtl"> 38 X<span class="rtl">X<div class="abs inline">XX</div><span class="red">XX</span></span> 39 </div> 40 41 <div class="container rtl"> 42 X<span class="rtl">X<div class="abs block">XX</div><br><span class="red">XX</span></span> 43 </div> 44 45 <div class="container rtl"> 46 X<span class="rtl cb">X<div class="abs inline">XX</div><span class="red">XX</span></span> 47 </div> 48 49 <div class="container rtl"> 50 X<span class="rtl cb">X<div class="abs block">XX</div><br><span class="red">XX</span></span> 51 </div> 52 53 <div class="container rtl"> 54 <span class="cb">X<span class="rtl">X<div class="abs inline">XX</div><span class="red">XX</span></span></span> 55 </div> 56 57 <div class="container rtl"> 58 <span class="cb">X<span class="rtl">X<div class="abs block">XX</div><br><span class="red">XX</span></span></span> 59 </div> 60 </div>