Closed Bug 1392191 Opened 7 years ago Closed 2 years ago

CSS filter of transformed element broken

Categories

(Core :: Web Painting, defect, P3)

Product:
Core
Component:
Web Painting
Version:
56 Branch
Type:
defect

Tracking

()

Status:
RESOLVED WORKSFORME

People

(Reporter: hi, Unassigned)

Details

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:56.0) Gecko/20100101 Firefox/56.0
Build ID: 20170815141045

Steps to reproduce:

- css transform a div (rotate, 2d or 3d)
- apply css filter (drop shadow)

https://jsfiddle.net/side777/459kdyzn/


Actual results:

The drop shadow seems to be cut off at element boundaries. Anti-aliasing seems to be missing.
CSS box-shadow is still working.


Expected results:

Drop shadow is working as expected in version 55.
Priority: -- → P3
Component: Layout: View Rendering → Layout: Web Painting
Thanks for the bug report! I can reproduce in Firefox 56 (I don't see any shadow there).

Good news, though -- from my testing, this seems to be already fixed in Firefox 57 beta (and in Firefox Nightly 58). Specifically, mozregression gives me a fix range of this one changeset:
https://hg.mozilla.org/integration/mozilla-inbound/pushloghtml?fromchange=1704a6f949aff1d8101061645ede31ca96b572f8&tochange=78676939447ffd59eb7a265fbd78a384d30136ec

So I think this was the same underlying problem as bug 1381753 (despite slightly different symptoms). Resolving as a duplicate of that bug.  (Please reopen if you can still reproduce in Firefox 57 bta, though.)
Status: UNCONFIRMED → RESOLVED
Closed: 7 years ago
Resolution: --- → DUPLICATE
I can still reproduce it in dev edition 57. Nightly 58 shows a shadow but no anti-aliasing.
Still broken in dev 58, beta 57 and nightly
Status: RESOLVED → UNCONFIRMED
Resolution: DUPLICATE → ---

Renders the same in Nightly vs Chrome.

Status: UNCONFIRMED → RESOLVED
Closed: 7 years ago → 2 years ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.