SVG does not respect overflow:visible.

LayoutTests/svg/W3C-SVG-1.1-SE/painting-marker-05-f.svg

+<svg version="1.1" baseProfile="full" id="svg-root"
+  width="100%" height="100%" viewBox="0 0 480 360"
+  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <!--======================================================================-->
+  <!--=  SVG 1.1 2nd Edition Test Case                                     =-->
+  <!--======================================================================-->
+  <!--=  Copyright 2009 World Wide Web Consortium, (Massachusetts          =-->
+  <!--=  Institute of Technology, European Research Consortium for         =-->
+  <!--=  Informatics and Mathematics (ERCIM), Keio University).            =-->
+  <!--=  All Rights Reserved.                                              =-->
+  <!--=  See http://www.w3.org/Consortium/Legal/.                          =-->
+  <!--======================================================================-->
+  <d:SVGTestCase xmlns:d="http://www.w3.org/2000/02/svg/testsuite/description/"
+    template-version="1.4" reviewer="DOH" author="ED" status="accepted"
+    version="$Revision: 1.7 $" testname="$RCSfile: painting-marker-05-f.svg,v $">
+    <d:testDescription xmlns="http://www.w3.org/1999/xhtml" href="http://www.w3.org/TR/SVG11/painting.html#Markers">
+        <p>
+          Test all the 'overflow' property values except 'inherit' on the 'marker' element.
+        </p>
+        <p>
+          Each column tests a value of the 'overflow' property.
+          The first row uses the 'marker' property to set the same marker on start-, mid- and end-points on the path.
+          The second row uses 'marker-start', 'marker-mid' and 'marker-end' to give each point its own marker.
+          The third row uses the 'marker' property like the first row, but here the marker has orient="auto" set.
+        </p>
+    </d:testDescription>
+    <d:operatorScript xmlns="http://www.w3.org/1999/xhtml">
+      <p>
+        Run the test. No interaction required.
+      </p>
+    </d:operatorScript>
+    <d:passCriteria xmlns="http://www.w3.org/1999/xhtml">
+      <p>
+        The test has passed if:
+
+        The columns labeled 'visible' and 'auto' show markers without clipping them.
+        All other columns show clipped markers.
+        The rendered picture matches the reference image, except for possible
+        variations in the labelling text (per CSS2 rules).
+      </p>
+    </d:passCriteria>
+  </d:SVGTestCase>
+  <title id="test-title">$RCSfile: painting-marker-05-f.svg,v $</title>
+  <defs>
+    <font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F">
+      <font-face-src>
+        <font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
+      </font-face-src>
+    </font-face>
+  </defs>
+  <g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
+    <defs>
+      <marker id="marker1" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="7.5" refY="7.5" markerUnits="strokeWidth">
+        <rect width="15" height="15" fill="purple" stroke="none"/>
+      </marker>
+      <marker id="marker2" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="10" refY="10" markerUnits="strokeWidth" orient="auto">
+        <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/>
+      </marker>
+      <marker id="markerStart" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="7.5" refY="7.5" markerUnits="strokeWidth">
+        <rect width="15" height="15" fill="purple" stroke="none"/>
+      </marker>
+      <marker id="markerMiddle" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="5" refY="5" markerUnits="strokeWidth">
+        <circle cx="5" cy="5" r="7" fill="green" stroke="none"/>
+      </marker>
+      <marker id="markerEnd" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="10" refY="10" markerUnits="strokeWidth">
+        <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/>
+      </marker>
+
+      <marker id="vmarker1" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="visible">
+        <rect width="15" height="15" fill="purple" stroke="none"/>
+      </marker>
+      <marker id="vmarker2" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="10" refY="10" markerUnits="strokeWidth" orient="auto" overflow="visible">
+        <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/>
+      </marker>
+      <marker id="vmarkerStart" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="visible">
+        <rect width="15" height="15" fill="purple" stroke="none"/>
+      </marker>
+      <marker id="vmarkerMiddle" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="5" refY="5" markerUnits="strokeWidth" overflow="visible">
+        <circle cx="5" cy="5" r="7" fill="green" stroke="none"/>
+      </marker>
+      <marker id="vmarkerEnd" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="10" refY="10" markerUnits="strokeWidth" overflow="visible">
+        <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/>
+      </marker>
+
+      <marker id="amarker1" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="auto">
+        <rect width="15" height="15" fill="purple" stroke="none"/>
+      </marker>
+      <marker id="amarker2" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="10" refY="10" markerUnits="strokeWidth" orient="auto" overflow="auto">
+        <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/>
+      </marker>
+      <marker id="amarkerStart" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="auto">
+        <rect width="15" height="15" fill="purple" stroke="none"/>
+      </marker>
+      <marker id="amarkerMiddle" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="5" refY="5" markerUnits="strokeWidth" overflow="auto">
+        <circle cx="5" cy="5" r="7" fill="green" stroke="none"/>
+      </marker>
+      <marker id="amarkerEnd" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="10" refY="10" markerUnits="strokeWidth" overflow="auto">
+        <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/>
+      </marker>
+
+      <marker id="smarker1" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="scroll">
+        <rect width="15" height="15" fill="purple" stroke="none"/>
+      </marker>
+      <marker id="smarker2" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="10" refY="10" markerUnits="strokeWidth" orient="auto" overflow="scroll">
+        <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/>
+      </marker>
+      <marker id="smarkerStart" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="scroll">
+        <rect width="15" height="15" fill="purple" stroke="none"/>
+      </marker>
+      <marker id="smarkerMiddle" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="5" refY="5" markerUnits="strokeWidth" overflow="scroll">
+        <circle cx="5" cy="5" r="7" fill="green" stroke="none"/>
+      </marker>
+      <marker id="smarkerEnd" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="10" refY="10" markerUnits="strokeWidth" overflow="scroll">
+        <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/>
+      </marker>
+
+      <marker id="hmarker1" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="hidden">
+        <rect width="15" height="15" fill="purple" stroke="none"/>
+      </marker>
+      <marker id="hmarker2" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="10" refY="10" markerUnits="strokeWidth" orient="auto" overflow="hidden">
+        <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/>
+      </marker>
+      <marker id="hmarkerStart" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="7.5" refY="7.5" markerUnits="strokeWidth" overflow="hidden">
+        <rect width="15" height="15" fill="purple" stroke="none"/>
+      </marker>
+      <marker id="hmarkerMiddle" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="5" refY="5" markerUnits="strokeWidth" overflow="hidden">
+        <circle cx="5" cy="5" r="7" fill="green" stroke="none"/>
+      </marker>
+      <marker id="hmarkerEnd" viewBox="0 0 10 10" markerWidth="2" markerHeight="2" refX="10" refY="10" markerUnits="strokeWidth" overflow="hidden">
+        <path d="M 10 0 L 20 20 L 0 20 Z" fill="blue" stroke="none"/>
+      </marker>
+    </defs>
+
+    <style type="text/css">
+      .testpaths {
+      fill:none;
+      stroke:black;
+      stroke-width:8px;
+      }
+
+      /* no overflow specified */
+      #p1  { marker: url(#marker1); }
+      #p2  {
+      marker-start: url(#markerStart);
+      marker-mid:url(#markerMiddle);
+      marker-end: url(#markerEnd);
+      }
+      #p3  { marker: url(#marker2); }
+
+      /* overflow = visible */
+      #p4  { marker: url(#vmarker1); }
+      #p5  {
+      marker-start: url(#vmarkerStart);
+      marker-mid:url(#vmarkerMiddle);
+      marker-end: url(#vmarkerEnd);
+      }
+      #p6  { marker: url(#vmarker2); }
+
+      /* overflow = auto */
+      #p7  { marker: url(#amarker1); }
+      #p8  {
+      marker-start: url(#amarkerStart);
+      marker-mid:url(#amarkerMiddle);
+      marker-end: url(#amarkerEnd);
+      }
+      #p9  { marker: url(#amarker2); }
+
+      /* overflow = scroll */
+      #p10  { marker: url(#smarker1); }
+      #p11  {
+      marker-start: url(#smarkerStart);
+      marker-mid:url(#smarkerMiddle);
+      marker-end: url(#smarkerEnd);
+      }
+      #p12  { marker: url(#smarker2); }
+
+      /* overflow = hidden */
+      #p13  { marker: url(#hmarker1); }
+      #p14  {
+      marker-start: url(#hmarkerStart);
+      marker-mid:url(#hmarkerMiddle);
+      marker-end: url(#hmarkerEnd);
+      }
+      #p15  { marker: url(#hmarker2); }
+    </style>
+
+    <text x="50%" y="3em" style="font: 18px SVGFreeSansASCII,sans-serif; text-anchor:middle;">Test marker overflow</text>
+
+    <g style="font: 14px SVGFreeSansASCII,sans-serif; text-anchor:middle" transform="translate(0,280)">
+      <text x="60">default</text>
+      <text x="155">'visible'</text>
+      <text x="245">'auto'</text>
+      <text x="340">'scroll'</text>
+      <text x="430">'hidden'</text>
+    </g>
+
+    <g transform="translate(-30,75)">
+
+      <g id="subtest1" transform="scale(0.6)">
+        <path id="p1" class="testpaths" d="M 130 40 L 180 40 L 180 90"/>
+        <path id="p2" class="testpaths" d="M 130 135 L 180 135 L 180 185"/>
+        <path id="p3" class="testpaths" d="M 130 230 L 180 230 L 180 280"/>
+      </g>
+
+      <g id="subtest2" transform="scale(0.6) translate(150,0)">
+        <path id="p4" class="testpaths" d="M 130 40 L 180 40 L 180 90"/>
+        <path id="p5" class="testpaths" d="M 130 135 L 180 135 L 180 185"/>
+        <path id="p6" class="testpaths" d="M 130 230 L 180 230 L 180 280"/>
+      </g>
+
+      <g id="subtest3" transform="scale(0.6) translate(300,0)">
+        <path id="p7" class="testpaths" d="M 130 40 L 180 40 L 180 90"/>
+        <path id="p8" class="testpaths" d="M 130 135 L 180 135 L 180 185"/>
+        <path id="p9" class="testpaths" d="M 130 230 L 180 230 L 180 280"/>
+      </g>
+
+      <g id="subtest4" transform="scale(0.6) translate(450,0)">
+        <path id="p10" class="testpaths" d="M 130 40 L 180 40 L 180 90"/>
+        <path id="p11" class="testpaths" d="M 130 135 L 180 135 L 180 185"/>
+        <path id="p12" class="testpaths" d="M 130 230 L 180 230 L 180 280"/>
+      </g>
+
+      <g id="subtest5" transform="scale(0.6) translate(600,0)">
+        <path id="p13" class="testpaths" d="M 130 40 L 180 40 L 180 90"/>
+        <path id="p14" class="testpaths" d="M 130 135 L 180 135 L 180 185"/>
+        <path id="p15" class="testpaths" d="M 130 230 L 180 230 L 180 280"/>
+      </g>
+    </g>
+  </g>
+  <g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
+    <text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.7 $</text>
+  </g>
+  <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
+  <!-- comment out this watermark once the test is approved -->
+  <!--<g id="draft-watermark">
+    <rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
+    <text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
+      text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
+  </g>-->
+</svg>