[Webkit-unassigned] [Bug 113278] New: Gradient Fill does not render properly in svg, when definition is in independent svg

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=113278

           Summary: Gradient Fill does not render properly in svg, when
                    definition is in independent svg
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: All
        OS/Version: All
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: SVG
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: gauravgr at gmail.com
                CC: zimmermann at kde.org


Gradient Fill does not render properly in svg, when definition is in independent svg.

1.) Create SVG gradient definition independently in a SVG.
<svg version="1.1">
  <defs>
    <radialGradient id="svg_backgroundDiv301_fill-outside" gradientUnits="userSpaceOnUse" cx="50%" cy="0%" r="70%"
                          fx="50%" fy="0%">
            <stop offset="0.00%" style="stop-color: #ffffff; stop-opacity: 1;"></stop>
            <stop offset="40.00%" style="stop-color: #fdfdfd; stop-opacity: 1;"></stop>
            <stop offset="100.00%" style="stop-color: #7b7b7b; stop-opacity: 1;"></stop>
          </radialGradient>
  </defs>
</svg>

2.) create a div, create sub svg element and apply the fill using the created defination.

<div id="s-backgroundDiv30" style="position: absolute; left: 0px; top: 0px; z-index: 0; height: 540px; width:960px">
  <svg id="s-backgroundDiv301_svg" version="1.1" x="0" y="0" style="left: 0px; top: 0px; position: absolute;">
    <defs>
    </defs>
    <rect id="s-backgroundDiv301_rect_svg" width="100%" height="100%" fill="url(#svg_backgroundDiv301_fill-outside)"></rect>
  </svg>
</div>


Actual Results: Radial gradient with center at top, right is rendering.

Expected Results: Radial gradient with center at top, center should render.

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.