Bug 150258 - SVG feBlend With in2 from a resized feImage result linking to an embedded SVG document not specifying viewBox rendered wrong
Summary: SVG feBlend With in2 from a resized feImage result linking to an embedded SVG...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: WebKit Local Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2015-10-16 14:49 PDT by Andres Gomez Garcia
Modified: 2015-10-16 15:20 PDT (History)
1 user (show)

See Also:


Attachments
Screenshot of the issue. (133.65 KB, image/png)
2015-10-16 14:49 PDT, Andres Gomez Garcia
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Andres Gomez Garcia 2015-10-16 14:49:03 PDT
Created attachment 263334 [details]
Screenshot of the issue.

Reproduced with WebKitGTK+ 2.10.0 and with Safari 7.1 on OS X Mavericks.

Steps to reproduce the problem:
===============================

Open the URL:
https://rawgit.com/tanty/design-hodgepodge/master/svg/filter/feBlend-feImage-resized-tests.html


What is the expected behavior?
==============================

All the SVGs are shown as the included PNG as reference


What went wrong?
================

The feImage in the SVG documents explicits values for x=0, y=0, width=172.8%, height=172.8%, which is the same value than the embedded document's height.

Only the SVG in which the embedded SVG document specifies a "viewBox" with values "0 0 <SVGWidth> <SVGHeight>" which, AFAIK, are the default values for the viewBox, is rendered correctly.

The SVG in which the viewBox is not provided for the embedded SVG document is not displayed properly since it is not scaled.
Comment 1 Andres Gomez Garcia 2015-10-16 15:14:52 PDT
Similar issues in other web engines:

* https://code.google.com/p/chromium/issues/detail?id=544180
* https://github.com/MicrosoftEdge/Status/issues/309