UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.86 Safari/537.36

Example URL:
https://jsfiddle.net/annam/gp3ypxw1/1/

Steps to reproduce the problem:
1. Add a filter: drop-shadow CSS on a transformed element with backface-visibility: hidden
2. Embed above page into an iframe
3. apply a transform:scale() on the iframe

What is the expected behavior?
drop shadow of transformed element should be rendered the same as the one on the non-transformed element

What went wrong?
drop shadow is cut off outside the boundaries of the element

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? Yes Chrome 49

Does this work in other browsers? Yes 

Chrome version: 50.0.2661.86  Channel: n/a
OS Version: OS X 10.11.4
Flash Version: Shockwave Flash 21.0 r0

Check out the css in the inner iframe here: https://jsfiddle.net/annam/wq8fz50c/1/
 

Deleted: Screen Shot 2016-05-04 at 11.43.41.png 19.0 KB

	Screen Shot 2016-05-04 at 11.43.41.png 19.0 KB View Download