bidi-position-fixed-001

position:fixed in rtl context

WeasyPrint

This browser

Assertion
Default horizontal position of position:fixed block should be right in rtl context, and ancestor direction should still be applied inside the block taken out of normal flow

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3  <head>
 4   <title>CSS Test: position:fixed in rtl context</title>
 5     <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com">
 6     <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width">
 7     <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction">
 8     <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop">
 9     <meta name="flags" content="">
10     <meta name="assert" content="Default horizontal position of position:fixed block should be right in rtl context, and ancestor direction should still be applied inside the block taken out of normal flow">
11     <style type="text/css">
12     body {direction:rtl;}
13     .note {direction:ltr;position:fixed;margin-top:2em;}
14   </style>
15  </head>
16  
17  <body> 
18    
19    <div style="position:fixed;">!Right</div> 
20 
21    <p class="note">The word above should be right-aligned on the page and end with an exclamation mark.</p>
22    
23  </body>
24 </html>