New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 618135 link

Starred by 3 users

Issue metadata

Status: Fixed
Owner:
Closed: Aug 2016
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: All
Pri: 3
Type: Bug



Sign in to add a comment

Drop shadow gets clipped after multiple transforms

Reported by patrickk...@gmail.com, Jun 7 2016

Issue description

Chrome Version       : 53.0.2753.0
OS Version: OS X 10.11.5
URLs (if applicable) :
Other browsers tested:
  Add OK or FAIL after other browsers where you have tested this issue:
     Safari 5:
  Firefox 4.x:
     IE 7/8/9:

originally reported by lea verou (https://twitter.com/LeaVerou/status/740311353278107648)

What steps will reproduce the problem?
1. load https://jsbin.com/baposa
2. observe the page
3.

What is the expected result?
All four columns should be of equal length


What happens instead of that?
the bottom right column, which is the drop-shadow()ed portion of the `use` that is using the SVG's original rect along with several css transforms, is too short for no clear reason.


Please provide any additional information below. Attach a screenshot if
possible.

UserAgentString: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2753.0 Safari/537.36



 
jsbin.baposa.12.html
883 bytes View Download
Components: Blink>SVG
Labels: OS-Android OS-Chrome OS-Linux OS-Windows
Status: Untriaged (was: Unconfirmed)
Safari 9.1.1 and Firefox 46 both show nothing in https://jsbin.com/baposa/edit.
They don't support the drop-shadow filter

Comment 3 by f...@opera.com, Jun 8 2016

Components: Blink>CSS>Filters
Labels: -OS-Linux -OS-Android -OS-Windows -OS-Chrome -OS-Mac OS-All
Status: Available (was: Untriaged)
No, what they don't support is the width/height properties on 'rect' (the #foo selector.)

Comment 4 by pdr@chromium.org, Jun 9 2016

Slightly simpler repro: https://jsbin.com/qibirim

The filter code seems to be clipping the bounding box incorrectly when there are transforms.

Comment 5 by pdr@chromium.org, Jun 10 2016

Components: -Blink>SVG Blink>Paint
Owner: senorblanco@chromium.org
Summary: Drop shadow gets clipped after multiple transforms (was: SVG drop shadow gets clipped after multiple transforms)
This is unrelated to SVG and affects all filters with content that is transformed. I confirmed this isn't a visual rect or paint rect bug in blink. If you scale the window you can see the second rect stops drawing on tile boundaries, so I suspect this is an early-out or clip bug in cc.

Minimized repro attached showing html and svg.
shadow.html
777 bytes View Download
Cc: wkorman@chromium.org
Status: Fixed (was: Available)
Bisect-builds says this was fixed recently:

You are probably looking for a change made after 409288 (known bad), but no later than 409304 (first known good).
CHANGELOG URL:
  https://chromium.googlesource.com/chromium/src/+log/d50f0b14f31a77d7c18296dde00e54a07687d06b..49cbf7dc7508bec4920ed325afa0b57749795ac1

I'm guessing https://chromium.googlesource.com/chromium/src/+/ccb9e13712b1632b889960d1d85d556c0139fd51

Comment 7 by suzyh@chromium.org, Apr 5 2017

Components: -Blink>CSS>Filters Blink>Compositing>Filters

Sign in to add a comment