rtl-with-scrollbar-ref.html (731B)
1 <!DOCTYPE html> 2 <html dir="rtl"> 3 <head> 4 <title>Transition is correctly positioned on RTL page (ref)</title> 5 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/"> 6 <link rel="author" href="mailto:bokan@chromium.org"> 7 8 <style> 9 #target { 10 position: absolute; 11 top: 100px; 12 left: 100px; 13 width: 100px; 14 height: 200px; 15 background: dodgerblue; 16 } 17 18 #inroot { 19 position: absolute; 20 top: 300px; 21 left: 200px; 22 width: 100px; 23 height: 200px; 24 background: rebeccapurple; 25 } 26 27 body { 28 margin: 0px; 29 padding: 0px; 30 /* add overflow for scrollbar */ 31 height: 200vh; 32 } 33 </style> 34 </head> 35 36 </body> 37 <div id=target></div> 38 <div id="inroot"></div> 39 </body> 40 </html>