dir-selector-auto-direction-change-001.html (1005B)
1 <!doctype html> 2 <html> 3 <head> 4 <title>CSS Selectors Level 4 Test: Check for correctly updating :dir=auto when the directionality is changed in a display:none subtree </title> 5 <meta charset="utf8"> 6 <link rel="author" title="Miyoung Shin" href="mailto:myid.shin@igalia.com"> 7 <link rel="help" href="http://www.w3.org/TR/selectors4/#dir-pseudo"> 8 <link rel="match" href="../reference/ref-filled-green-100px-square.xht"> 9 <style> 10 #target { 11 width: 100px; 12 height: 100px; 13 background-color: red; 14 } 15 :dir(ltr) + #target { 16 background-color: green; 17 } 18 </style> 19 </head> 20 21 <body> 22 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 23 <div dir="auto" style="display:none"> 24 <div> 25 <div id="inner">رسمية</div> 26 </div> 27 </div> 28 <div id="target"></div> 29 <script> 30 inner.offsetTop; 31 inner.firstChild.data = "LTR"; 32 </script> 33 </body> 34 </html>