Issue 478724 in chromium: Webview - CSS transition of opacity property not working

[chro...@googlecode.com]

Status: Unconfirmed
Owner: ----
Labels: Pri-2 Via-Wizard Type-Compat OS-Mac

New issue 478724 by stuart.l...@risevision.com: Webview - CSS transition of
opacity property not working
https://code.google.com/p/chromium/issues/detail?id=478724

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_3)
AppleWebKit/537.36 (KHTML, like Gecko) Chrome/42.0.2311.90 Safari/537.36

Example URL:

Steps to reproduce the problem:
1. Add the <webview> tag and src attribute to point to webpage
2. In webpage source, target an element in HTML for applying CSS styling
and apply the following CSS - transition: opacity 0.25s ease
3. Run the app

What is the expected behavior?
The target element should animate fading in based on transition setting

What went wrong?
The target element does not animate

Does it occur on multiple sites: N/A

Is it a problem with a plugin? N/A

Did this work before? N/A

Does this work in other browsers? Yes

Chrome version: 42.0.2311.90 Channel: stable
OS Version: OS X 10.10.3
Flash Version: Shockwave Flash 17.0 r0

--
You received this message because this project is configured to send all
issue notifications to this address.
You may adjust your notification preferences at:
https://code.google.com/hosting/settings

[chro...@googlecode.com]

Comment #1 on issue 478724 by Paul.Be...@gmail.com: Webview - CSS

transition of opacity property not working
https://code.google.com/p/chromium/issues/detail?id=478724

We see this in Atom Shell-based applications as well, anything using CSS
transitions in WebViews get rendered incorrectly (in our case, it's worse,
the element is completely missing off the page)

[chro...@googlecode.com]

Updates:
Labels: Cr-Mobile-WebView Cr-Blink-Animation

Comment #2 on issue 478724 by tk...@chromium.org: Webview - CSS transition

of opacity property not working
https://code.google.com/p/chromium/issues/detail?id=478724

(No comment was entered for this change.)

[chro...@googlecode.com]

Updates:
Labels: -Cr-Mobile-WebView

Comment #3 on issue 478724 by to...@chromium.org: Webview - CSS transition

of opacity property not working
https://code.google.com/p/chromium/issues/detail?id=478724

This is an issue with the <webview> tag, not with the Android WebView
widget.

[chro...@googlecode.com]

Updates:
Labels: Cr-Platform-Apps-BrowserTag

Comment #4 on issue 478724 by bo...@chromium.org: Webview - CSS transition

of opacity property not working
https://code.google.com/p/chromium/issues/detail?id=478724

(No comment was entered for this change.)

[chro...@googlecode.com]

Updates:
Cc: ranjit...@chromium.org
Labels: Needs-Feedback

Comment #5 on issue 478724 by ranjit...@chromium.org: Webview - CSS

transition of opacity property not working
https://code.google.com/p/chromium/issues/detail?id=478724

Could you please help us with a sample test case (Html file or a jsfiddle)
example, so that we can triage the issue further.

[chro...@googlecode.com]

Comment #7 on issue 478724 by alancut...@chromium.org: Webview - CSS

transition of opacity property not working
https://code.google.com/p/chromium/issues/detail?id=478724

Unable to repro locally in test WebView app using Linux Chrome 43.
Please provide a minimal test case.

[chro...@googlecode.com]

Updates:
Status: WontFix

Comment #9 on issue 478724 by tim...@chromium.org: Webview - CSS transition

of opacity property not working
https://code.google.com/p/chromium/issues/detail?id=478724

Closing this since the original reporter thinks this is actually working
(comment #8) and we can't repro (#7).

FYI a transition with a delay of '0' (e.g. transition: opacity 2s 0 ease)
used to be accepted in previous versions of Chrome but is rejected from M42
and onwards. This matches the spec and other browsers like Firefox. It's
possible that you were relying on this.