[Webkit-unassigned] [Bug 174903] New: CSS filter on svg > g (transform) > foreignObject > div negates the transform on the <g> element

Thu Jul 27 12:06:46 PDT 2017

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

            Bug ID: 174903
           Summary: CSS filter on svg > g (transform) > foreignObject >
                    div negates the transform on the <g> element
           Product: WebKit
           Version: Safari 10
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: SVG
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: dan at moqups.com
                CC: zimmermann at kde.org

Created attachment 316562

  --> https://bugs.webkit.org/attachment.cgi?id=316562&action=review

HTML test case

Steps to reproduce the problem:

1. Set up the HTML

<html>
<body>
<svg width='500' height='500'>
    <g transform='matrix(1 0 0 1 100 100)'>
    <foreignObject x='50' y='50' width='200' height='200'>
      <div>Some content</div>
    </foreignObject>
    </g>
  </svg>
</body>
</html>

2. Apply a CSS filter to the <div>, such as with:

<div style="filter: blur(10px)">

---

The <div> should stay in place, and exhibit the blur effect as defined in its style.

Instead, the <div> gets shifted upwards and leftwards in a way that suggests the transform matrix applied on the <g> element is no longer taken into consideration.

Chrome / macOS exhibits a similar problem, but compounded with some weird cropping. Bug report here: https://bugs.chromium.org/p/chromium/issues/detail?id=749756
Firefox / macOS behaves as expected.

-- 
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/20170727/87a7b594/attachment.html>