third_party/WebKit/LayoutTests/svg/text/foreignObject-text-clipping-bug.xml

   1 <html xmlns="http://www.w3.org/1999/xhtml">
   2     <head>
   3         <title>foreignObject can be transformed</title>
   4         <style type="text/css">
   5         p, div { color: navy; margin: 10px 0; }
   6         .test { fill: lightgray; font-size: 10px; }
   7         .control { position: relative; left: 10px; top: 10px; width: 390px; height: 110px; background: lightgray; font-size: 100px; }
   8         .controlText { font-size: 100px; }
   9         </style>
  10     </head>
  11     <body>
  12     <p>The word "TEST " should appear twice below, the same size each time.</p>
  13     <svg xmlns="http://www.w3.org/2000/svg" width="400" height="120" class="test">
  14         <rect x="1" y="1" width="60" height="12" transform="scale(10)"/>
  15         <foreignObject x="1" y="1" width="60" height="10" transform="scale(10)">
  16             <div xmlns="http://www.w3.org/1999/xhtml"> TEST </div>
  17         </foreignObject>
  18     </svg>
  19     <div class="control">
  20     <div class="controlText">TEST</div>
  21     </div>
  22     <script>
  23     if (window.testRunner)
  24         window.testRunner.dumpSelectionRect();
  25     var range = document.createRange();
  26     range.selectNode(window.document.documentElement);
  27     var selection = window.getSelection();
  28     selection.removeAllRanges();
  29     selection.addRange(range);
  30     </script>
  31     </body>
  32 </html>