partial-prerender-translate-5-ref.html (1080B)
1 <!DOCTYPE html> 2 <html reftest-async-scroll 3 reftest-displayport-x="0" reftest-displayport-y="0" 4 reftest-displayport-w="800" reftest-displayport-h="2000" 5 reftest-async-scroll-x="0" reftest-async-scroll-y="1000"> 6 <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> 7 <style> 8 html { 9 overflow-x: hidden; 10 } 11 body { 12 margin: 0px; 13 padding: 0px; 14 } 15 #target { 16 width: 800px; 17 height: 1600px; 18 transform: translateY(-500px); 19 } 20 </style> 21 <div style="width: 800px; height: 2000px"><!-- spacer --></div> 22 <div style="position: fixed; top: 400px"> 23 <div id="target"> 24 <!-- 25 Put an SVG element so that the transform display item has a blob on 26 WebRender which means this test properly fails without the proper fix. 27 --> 28 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 1600"> 29 <rect fill="green" y="0" width="800" height="1000"></rect> 30 <rect fill="blue" y="1000" width="800" height="125"></rect> 31 <rect fill="red" y="1125" width="800" height="875"></rect> 32 </svg> 33 </div> 34 </div> 35 </html>