New issue
Advanced search Search tips

Issue 615116 link

Starred by 1 user
Status: Duplicate
Merged: issue 344338
Owner: ----
Closed: May 2016
Cc:
timloh@chromium.org
vmp...@chromium.org
Components:
EstimatedDays: ----
NextAction: ----
OS: Android
Pri: 2
Type: Bug



Sign in to add a comment

background-image(linear-gradient) with deg no properly rendered

Reported by ibc@aliax.net, May 26 2016 
UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.102 Safari/537.36

Example URL:
https://jsfiddle.net/ibcaliax/h36oowys/

Steps to reproduce the problem:
1. Open https://jsfiddle.net/ibcaliax/h36oowys/ in Chrome desktop.
2. Open it in Chrome android.

What is the expected behavior?
Same rendering.

What went wrong?
When in Chrome for Android, the width of the header gradient does not match the width of the html gradient.

It properly works in Chrome/Firefox desktop and Firefox for Android.

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: 50.0.2661.102  Channel: n/a
OS Version: OS X 10.11.4
Flash Version: Shockwave Flash 21.0 r0

Attached screenshots show all the cases. The ones failing are "chrome-android-landscape.png" and "chrome-android-portrait.png".

Comment 1 by ibc@aliax.net, May 26 2016

chrome-desktop.png
538 KB View Download
chrome-desktop-mobile-emulator.png
200 KB View Download
firefox-android.png
314 KB View Download
chrome-android-landscape.png
407 KB View Download
chrome-android-portrait.png
339 KB View Download

Comment 2 by rsesek@chromium.org, May 26 2016

Components: Blink>CSS

Comment 3 by timloh@chromium.org, May 26 2016

Cc: timloh@chromium.org
Components: -Blink>CSS Blink>Paint
Labels: -Type-Compat -OS-Mac OS-Android Type-Bug
Status: Untriaged (was: Unconfirmed)
Not immediately apparent to me why this happens, maybe painting related?

Comment 4 by schenney@chromium.org, May 31 2016

Mergedinto: 344338
Status: Duplicate (was: Untriaged)
background-attachment: fixed is not supported on Android, and if you remove background-attachment: fixed from the desktop version it renders as Android renders. So this is duplicate, defering to the primary bug https://bugs.chromium.org/p/chromium/issues/detail?id=344338

Comment 5 by ibc@aliax.net, May 31 2016 

> background-attachment: fixed is not supported on Android

Well, I can guarantee that "background-attachment: fixed" DOES work in Chrome for Android (at least in the body element). Tested right now in my LG G3 with Android 5.0.0 and Chrome 50.0.2661.89.

Comment 6 by ibc@aliax.net, May 31 2016 

bakcground-attachment: fixed; does work in Chrome for Android. Just check it here:
http://mediasoup.org/api/

Comment 7 by ibc@aliax.net, May 31 2016 

It seems that Chrome for Android supports "background-attachment: fixed" just in the html or body elements.
►

Sign in to add a comment