Color bleeding from behind border-radius clipped layers
Reported by
al.govor...@gmail.com,
Dec 19 2017
|
|||||||
Issue descriptionUserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.84 Safari/537.36 Example URL: Steps to reproduce the problem: 1. Go to http://jsfiddle.net/nLNCC/414/ 2. Observe black square What is the expected behavior? Square is fully black without white circle. What went wrong? White circle is shown, because div.overlay doesn't hide div.div. 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: 63.0.3239.84 Channel: stable OS Version: 10.0 Flash Version: Issue is not reproduced for square overlay, only for circle. Chrome Canary (65.0.3298.0) also has this bug. Issue is not reproduced in FF.
,
Dec 20 2017
Able to reproduce the issue on reported chrome version 63.0.3239.84 and on the latest canary 65.0.3299.0 using Windows 10, Mac 10.13.1 and Ubuntu 14.04. As the issue is seen from M50(50.0.2634.0) considering it as non-regression and marking it as untriaged. Thanks!
,
Dec 25 2017
I get a black area in all browsers on Mac OS 10.12. That is, no bug. vamshi.kommuri@techmahindra.com, note that the error would be seeing white. All black is correct. Could you please re-verify the result?
,
Jan 2 2018
@schenney: We too are able to see the black screen wherein, a white bordered circle is visible in Chrome, safari on Mac and other OS as mentioned in comment#2. Seems it may not be an issue/Bug as said in comment#3, as similar behavior is seen on other browsers too. Thanks!
,
Jan 2 2018
On linux at 125% we have anti-aliasing artifacts showing a faint white circle (not filled). I suspect that is the problem. al.govorkova@, do you see a filled white circle, or just the circle outline? What is the DPI setting for your machine and what zoom level do you use?
,
Jan 2 2018
,
Jan 3 2018
I see just circle outline, I attached a screenshot. It is reproduced on Windows and Mac. Can't reproduce it only in Firefox on Windows. I have a monitor with resolution 1920x1080, 100% scaling, DPI should be 96x96. Do you need any other settings? Please also note that I reproduced the issue on different Windows machines.
,
Jan 3 2018
Oh, I forgot about Microsoft browsers. The issue is not reproduced in Edge, but reproduced in IE11.
,
Jan 3 2018
Thanks for the screen shot. That's what I see at 125% zoom. Regardless, we can reproduce and try to fix it. |
|||||||
►
Sign in to add a comment |
|||||||
Comment 1 by krajshree@chromium.org
, Dec 19 2017