[Webkit-unassigned] [Bug 82288] New: nested image tags fail on svg's

[bugzilla-daemon at webkit.org]

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

           Summary: nested image tags fail on svg's
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Macintosh
        OS/Version: Mac OS X 10.7
            Status: UNCONFIRMED
          Severity: Critical
          Priority: P2
         Component: SVG
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: edekleaner at tlfhinc.com
                CC: zimmermann at kde.org


Created an attachment (id=133964)
 --> (https://bugs.webkit.org/attachment.cgi?id=133964&action=review)
zip file of folder with example svg files 

using a svg that contains another svg (via image tag) that contains another svg (via image tag) fails.

A variant is if each svg loads in own style sheet it kills style sheets for any previous svg's. (not demonstrated here)

Interestingly, this works on OPERA... Fails in a different way on firefox (different visual representation) and fails on chrome and safari (with different visual sizes of rect)






Included is a zip folder of files that demonstrate the problem.  


path.svg
 contains drawing commands
 image circle.svg

circle.svg
  contains drawing commands
  image rect.svg

rect.svg
 contains drawing commands

path1.svg 
  contains drawing commands
  image rect.svg
  image circle.svg

path2.svg
  contains drawing commands
  image rect.svg


file name and contents below (as well as zipped attachment)


filename:circle.svg
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
        viewBox="0 0 300 100">
    <title>Circle with image Rect SVG</title>
    <a xlink:href="rect.svg" xlink:title="Link to rect alone from circle">
        <circle  cx="50" cy="50" r="50" stroke="rgb(255,228,244)" stroke-width="5" stroke-dasharray="40,20" fill="none" />
        <image x="0" y="0" xlink:href='rect.svg' width='100%' height='100%'/>
        </a>
</svg>

filename:path1.svg
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
        viewBox="0 0 300 100">
    <title>Main Svg containing imaged circle containing imaged rect</title>
    <a xlink:href="path2.svg" xlink:title="Link to pathexample">
        <path d="M 250 0 l -50 100 h 100z" fill="blue"/>
        <image x="0" y="0" xlink:href='rect.svg' width='100%' height='100%'/>
        <image x="0" y="0" xlink:href='circle.svg' width='100%' height='100%'/>
    </a>
</svg>

filename:path2.svg
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
        viewBox="0 0 300 100">
    <title>Main Svg containing path containing imaged rect</title>
    <a xlink:href="path.svg" xlink:title="Link to nested path">
        <path d="M 250 0 l -50 100 h 100z" fill="blue"/>
        <image x="0" y="0" xlink:href='rect.svg' width='100%' height='100%'/>
    </a>
</svg>

filename:path.svg
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
        viewBox="0 0 300 100">
    <title>Main Svg containing imaged circle containing imaged rect</title>
    <a xlink:href="circle.svg" xlink:title="Link to circle">
        <path d="M 250 0 l -50 100 h 100z" fill="blue"/>
        <image x="0" y="0" xlink:href='circle.svg' width='100%' height='100%'/>
    </a>
</svg>

filename:rect.svg
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
        viewBox="0 0 300 100">
    <title>Rect with style sheet</title>
    <a xlink:href="path1.svg" xlink:title="Link to aggrigate containing path containting circle containing Rect)">
        <rect  x="100" y="0" width="150" height="100" fill="rgb(5,228,4)"/>
    </a>
</svg>

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