layout/reftests/transform/partial-prerender-translate-8-ref.html

   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>