New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 773232 link

Starred by 1 user

Issue metadata

Status: Fixed
Owner: ----
Closed: Oct 2017
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 2
Type: Bug-Regression



Sign in to add a comment

Semi-transparent blocks on animated elements

Reported by squaz...@gmail.com, Oct 10 2017

Issue description

UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36

Steps to reproduce the problem:
Any elements which have some kind of animation applied to them, whether that be via javascript or CSS, have a semi-transparent light background applied to them.  I have noticed this on a couple of websites I'm working on.
See codepen: https://codepen.io/farrah-r/pen/jGxaEY

Weirdly, if I move the affected tab into a new Chrome window, the artifacts disappear.

What is the expected behavior?
They shouldn't have this background.

What went wrong?
See codepen: https://codepen.io/farrah-r/pen/jGxaEY and attached screen shot.

Did this work before? Yes Possibly version prior to  61.0.3163.100 as only been an issue for a couple of weeks

Does this work in other browsers? Yes

Chrome version: 61.0.3163.100  Channel: stable
OS Version: 10.0
Flash Version:
 
chrome_bug.png
97.4 KB View Download
Labels: Needs-Triage-M61 Needs-Bisect

Comment 2 by hdodda@chromium.org, Oct 11 2017

Cc: hdodda@chromium.org
Components: Blink>Animation
Labels: Needs-Feedback
Tested this issue on windows 10 and mac os 10.12.6 using chrome M61 #61.0.3163.100 and M63 #63.0.3236.0 and issue is not reproduced .

Attached screencast for reference.

@ squazzel-- Could you please check attached screencast and confirm us if we had missed any steps in reproducing the issue and also please check in fresh chrome profile without any extensions and flags enabled.

Thanks!
773232.mp4
316 KB View Download

Comment 3 by squaz...@gmail.com, Oct 11 2017

Thanks for the reply. Oh that's strange... No, you haven't missed any steps!  You have the same version as me.  It should just display with the semi-transparent blocks.  

That said, even though I've had a few people reporting it as bugs on the applications I'm working on, but I know it's not a problem for all Chrome/Windows 10 users.  

I tried disabling all extensions, and created a new profile and still had the problem.  I also tried closing all other applications I had open.

As I mentioned before, the only way I could 'fix' it, was to open the affected tab in a new window.  See attached.  

chrome_bug_window_differences.png
130 KB View Download
Project Member

Comment 4 by sheriffbot@chromium.org, Oct 11 2017

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding requester "hdodda@chromium.org" to the cc list and removing "Needs-Feedback" label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

Comment 5 by squaz...@gmail.com, Oct 12 2017

If it helps, here are two other sites I'm seeing it on:

https://artesian.ai/ (the intro animation)
https://artesian.ai/art-of-the-possible/ (hero/intro animation - as logo and text fades in)

(screen shots attached)
white_blocks_1.png
767 KB View Download
white_blocks_2.png
1.8 MB View Download

Comment 6 by hdodda@chromium.org, Oct 12 2017

Labels: -Needs-Bisect Needs-Feedback
Still we are unable to reproduce the issue on windows 10 & 7 both laptops and desktop using chrome stable M61 #61.0.3163.100 .

@squazzel-- Could you please proivde us the chrome://gpu details , if might help us in traiging this better.

Removing Needs-Bisect label for now, please feel free to add if required.

@Requesting someone from Blink>animationteam to look into this.

Thanks! 

Comment 7 by squaz...@gmail.com, Oct 12 2017

Thank you.  I've attached the requested details!
gpu.htm
56.8 KB View Download
Project Member

Comment 8 by sheriffbot@chromium.org, Oct 12 2017

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding requester "hdodda@chromium.org" to the cc list and removing "Needs-Feedback" label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

Comment 9 by hdodda@chromium.org, Oct 12 2017

Labels: Needs-Feedback

Comment 10 by squaz...@gmail.com, Oct 20 2017

This now seems to be fixed since updating to version 62.0.3202.62.
Project Member

Comment 11 by sheriffbot@chromium.org, Oct 20 2017

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding requester "hdodda@chromium.org" to the cc list and removing "Needs-Feedback" label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Status: Fixed (was: Unconfirmed)
Marking as fixed, since it seems to have vanished and it was never confirmed anyway.

Sign in to add a comment