drop-shadow filter is not shown when element placed above has identical geometry
Reported by
jonat...@tumultco.com,
Oct 14
|
|||
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36 Example URL: Steps to reproduce the problem: Use this code: ``` <html> <body> <div style="position: absolute; z-index: 4; background-color: wheat; transform: translateX(150px) rotateY(0deg); width: 900px; height: 70px;"></div> <div style="position: absolute; z-index: 3; background-color: green; transform: translateX(150px) rotateY(0deg); width: 900px; height: 70px; filter: drop-shadow(grey 0px 0px 6px);"></div> </body> </html> ``` What is the expected behavior? I would expect the drop-shadow from the bottom div to render and show up. What went wrong? The drop-shadow is not shown. Please see the screen shot that compares Chrome to Safari. Does it occur on multiple sites: N/A Is it a problem with a plugin? No Did this work before? N/A Does this work in other browsers? Yes Chrome version: 69.0.3497.100 Channel: stable OS Version: OS X 10.14.1 Flash Version: - It works correctly if z-index is not used - It works correctly if rotateY(0deg) is not used It works correctly on Firefox and Safari. I tested Chrome Canary Version 71.0.3578.5 (Official Build) canary (64-bit) and it still reproduces there. This affects code created by Tumult Hype ( http://tumult.com/hype/ )
,
Oct 15
Thanks for filing the issue! Able to reproduce the issue on reported chrome version 69.0.3497.100 and on the latest canary 72.0.3580.0 using Mac 10.13.1, Ubuntu 14.04 and Windows 10. As the issue is seen from M60(60.0.3112.0) considering it as Non-Regression and marking it as Untriaged.
,
Oct 15
The shadow appears if the window is resized small enough to clip the div. I'd like to look into this but I don't have time. Any takers? |
|||
►
Sign in to add a comment |
|||
Comment 1 by viswa.karala@chromium.org
, Oct 14