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

Issue 769329 link

Starred by 1 user
Status: WontFix
Owner: ----
Closed: Feb 2018
Cc:
█ hdodda@chromium.org
█ sc00335...@techmahindra.com
style-bugs@google.com
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 3
Type: Bug



Sign in to add a comment

CSS3 opacity animation not working when using ''mix-blend-mode: multiply"

Reported by nicolas....@mgdesign.fr, Sep 27 2017 
Chrome Version       : 60.0.3112.113
OS Version: 10.0
URLs (if applicable) :
Other browsers tested:
  Firefox 50: OK

What steps will reproduce the problem?
1. Open https://jsfiddle.net/w8ww7m6e/2/
2. Run the fiddle

What is the expected result?

A 'div' should fade-in the preview part of jsfiddle, using a CSS3 opacity animation.

What happens instead of that?

The 'div' does not appear.

Please provide any additional information below. Attach a screenshot if
possible.

Commenting the 'mix-blend-mode' in the fiddle CSS will make the animation work.

UserAgentString: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.113 Safari/537.36
expected-result-seen-in-FF50.png
118 KB View Download

Comment 1 by nyerramilli@chromium.org, Sep 28 2017

Labels: Needs-Milestone

Comment 2 by sc00335...@techmahindra.com, Sep 28 2017

Cc: sc00335...@techmahindra.com
Components: Blink>CSS Blink>Animation
Labels: Needs-Feedback Triaged-ET
Unable to reproduce this issue on reported version 60.0.3112.113 ,on latest stable 61.0.3169.100 and on latest canary 63.0.3226.0 using Windows 10,Ubuntu 14.04 and Mac 10.12.6 with link given in comment#0. i.e; In Chrome entire div is seen blur. Attaching screencast for reference.

@Reporter: Could you please check the screencast and let us know whether this is the actual behaviour you are seeing.
Issue 769329.mp4
652 KB View Download

Comment 3 by woxxom@gmail.com, Sep 28 2017 

#2, you've already reproduced the bug: your screencast contains an empty rectangle instead of expected-result-seen-in-FF50.png attached in the report.

Comment 4 by woxxom@gmail.com, Sep 28 2017 

Might be related to  issue 503638 .

Comment 5 by nicolas....@gmail.com, Sep 28 2017 

#2, I agree with #3, you reproduced the issue

Comment 6 by hdodda@chromium.org, Nov 27 2017

Cc: hdodda@chromium.org
Tested the issue on latest chrome M62 #62.0.3202.94 and M64 #64.0.3278.0 and issue is not reproduced.

Attched screenshot for reference.

@ nicolas.lelong-- Could you please check attached screenshot and confirm us if this is the expected as per comment #0 and also please upgrade to latest stable and check if you can still reproduce the issue and update us with your observations.

Thanks!
769329.PNG
137 KB View Download

Comment 7 by e...@chromium.org, Feb 1 2018

Status: WontFix (was: Unconfirmed)
Closing due to inactivity and inability to reproduce.
►

Sign in to add a comment