CSS blending modes not rendering properly in Chrome
Reported by
chesscha...@gmail.com,
Jan 15
|
|||||
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36 Steps to reproduce the problem: 1. Visit my pen in Chrome (https://cdpn.io/WzNwWe) 2. Adjust range slider scrubber/thumb at bottom (move on left side, white bg) 3. Watch colors change as the animation starts/stops. Refer to attached images of still and animating behaviors What is the expected behavior? What went wrong? CSS blending modes aren't rendering properly. If you adjust the range slider on the left side of my pen (including in steps), you'll see the colors look correct while animating but get muted once still. I've successfully reproduced this issue across multiple devices and versions of Chrome on both Windows and Mac. I have yet to find an instance of Chrome where this issue does not occur. To provide some more context, this also occurs in Opera and Safari except they render blending modes incorrectly even while animating. Edge still has zero support for blending modes. Firefox appears to be the only browser that renders these blending modes properly both while still and while animating. Did this work before? No Chrome version: 71.0.3578.98 Channel: stable OS Version: OS X 10.14.1 Flash Version:
,
Jan 16
(6 days ago)
A similar issue was supposedly fixed in bug 768724 . FWIW I can't repro in Windows 7 here. Could be related to the monitor profile. Try forcing sRGB in chrome://flags/#force-color-profile If it solves the issue, it'd be helpful if you upload your monitor profile here. Things to try: disabling hardware accel in browser settings, flipping chrome://flags/#enable-gpu-rasterization
,
Jan 16
(6 days ago)
Unable to reproduce the issue on chrome reported version# 71.0.3578.98 using Mac 10.12.6 with steps mentioned below: 1) Launched chrome reported version and navigated to URL: https://cdpn.io/WzNwWe 2) Able to see animation rendering properly @Reporter: Please find above mentioned information and attached screencast for your reference. Try to test this issue by creating new person with no apps and extensions in it and let us know if the issue still persists. Thanks!
,
Jan 17
(5 days ago)
Interesting. I'm also on a recent iMac model running the latest version of Chrome. I am noticing in the video you attached that the opposite issue appears to occur. For a split second at 0:13, as the circles begin animating, you see the colors switch.
,
Jan 17
(5 days ago)
Thank you for providing more feedback. Adding the requester to the cc list. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Jan 17
(5 days ago)
@woxxom forcing sRGB fixed my issue. I've never heard of a monitor profile but hopefully the data I'm pasting below and the screenshots I'm attaching will provide the info you need. Device: iMac (Retina 5K, 27-inch, 2017) Graphics: Radeon Pro 580 8192 MB — @viswa.karala Maybe you should test forcing sRGB too and post your monitor profile if that fixes the color switching I noted in my previous comment above.
,
Jan 17
(5 days ago)
,
Yesterday
(35 hours ago)
Assigned to ccameron because (a) mac and (b) color profile issue. The only issue here in my mind is that the profile effect changes when animating. If that's a Blink bug send it back to us.
,
Yesterday
(34 hours ago)
Thanks @schenney! Yeah, it's correct when animating, incorrect when still. Appears to be doing the opposite for @viswa.karala, also on a mac |
|||||
►
Sign in to add a comment |
|||||
Comment 1 by viswa.karala@chromium.org
, Jan 16