partial-prerender-translate-8-ref.html (1323B)
1 <!DOCTYPE html> 2 <html> 3 <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> 4 <!-- 5 A variant test of partial-prerender-translate-5.html but in this test the 6 position:fixed element is inside an iframe. 7 --> 8 <style> 9 html { 10 overflow: hidden; 11 } 12 body { 13 margin: 0px; 14 padding: 0px; 15 } 16 </style> 17 <iframe style="width:400px; height:1000px; border: 0" 18 srcdoc="<!DOCTYPE HTML> 19 <html> 20 <style> 21 html { 22 overflow-x: hidden; 23 scrollbar-width: none; 24 } 25 html, body { 26 margin: 0; 27 padding: 0; 28 } 29 #target { 30 width: 1600px; 31 height: 1000px; 32 transform: translateX(-725px); 33 } 34 </style> 35 <div id='target'> 36 <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 1000'> 37 <rect fill='green' x='0' width='800' height='1000'></rect> 38 <rect fill='blue' x='800' width='325' height='1000'></rect> 39 <rect fill='red' x='1125' width='675' height='1000'></rect> 40 </svg> 41 </div> 42 </html>"> 43 </iframe> 44 </html>