A part of elements disappear when I use css properties, transform & filter
Reported by
citri...@gmail.com,
Sep 25
|
|||||
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36 Steps to reproduce the problem: 1. Open this URL: https://codepen.io/citringo/pen/PdrNMo 2. Press [Add/Remove filter:drop-shadow()] Button 3. Press [Move] Button 4. Then, a top of the box disappears What is the expected behavior? A top of the box doesn't disappear and shows successfully What went wrong? I think the bug happens due to a implementation of "filter" css property. On other browsers such as Firefox, I can't see the same problem. Did this work before? No Does this work in other browsers? Yes Chrome version: 69.0.3497.100 Channel: stable OS Version: OS X 10.14.0 Flash Version:
,
Sep 25
Removing the border changes the size of the element causing it to move. If instead of removing the border when you apply the drop-shadow you set it to the background color (white in this case) the problem is avoided.
,
Sep 25
,
Sep 26
Able to reproduce the issue on reported chrome version 69.0.3497.100 and the issue is also seen on the latest beta 70.0.3538.22 and on canary 71.0.3560.0 using Windows 10, Ubuntu 14.04 and Mac 10.13.1 As the issue is seen from M60(60.0.3112.0) considering it as Non-Regression, hence removing Needs-Bisect label. Attaching the screenshot from M60 for reference. Requesting someone from respective team to have a look into this. Thanks!
,
Sep 26
It's a bug, for sure. Reduced test case attached. The transform is probably not correctly mapping something to do with the filter. Firefox also has issues, in that it does not display anything initially then displays content if you toggle the transform in Inspector. |
|||||
►
Sign in to add a comment |
|||||
Comment 1 by vamshi.kommuri@chromium.org
, Sep 25