[Webkit-unassigned] [Bug 139405] New: An SVG with no intrinsic size gets incorrect size when referenced from the CSS border-image property

Mon Dec 8 10:31:50 PST 2014

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

            Bug ID: 139405
           Summary: An SVG with no intrinsic size gets incorrect size when
                    referenced from the CSS border-image property
    Classification: Unclassified
           Product: WebKit
           Version: 528+ (Nightly build)
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: SVG
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: sabouhallawa at apple.com
                CC: zimmermann at kde.org

Created attachment 242825
  --> https://bugs.webkit.org/attachment.cgi?id=242825&action=review
Safari-Rendering

Open the following SVG in WebKit:

<html>
<head>
  <style>
    div {
      height: 100px;
      width: 100px;
    }
    div#intrinsic-size {
      border-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100" height="100"><rect width="100" height="100" fill="lime"/></svg>') 0 fill;
    }
    div#no-intrinsic-size {
      border-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1"><rect width="100" height="100" fill="lime"/></svg>') 0 fill;
    }
  </style>
</head>
<body>
  <div id="intrinsic-size"></div>
  <br>
  <div id="no-intrinsic-size"></div>
</body>
</html>

Result: Two lime rectangles are drawn but they do not have the same size. The first one is 100 x 100 pixels but the second one is less than that
Expected: The two rectangles should have the same size even though the the first SVG image has an intrinsic size and the second SVG image does not have.

>From the w3c specs for the description of [Image Slicing: the ‘border-image-slice’ property] http://www.w3.org/TR/css3-background/#border-image-area:

"If the image must be sized to determine the slices (for example, for SVG images with no intrinsic size), then it is sized using the default sizing algorithm with no specified size and the border image area as the default object size."

So it is expected to get the image sized to the size of the object size which is the size of the div object which is 100 X 100.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20141208/f6696a60/attachment-0001.html>