New issue
Advanced search Search tips

Issue 714461 link

Starred by 1 user

Issue metadata

Status: Duplicate
Merged: issue 521555
Owner: ----
Closed: Apr 2017
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Android
Pri: 2
Type: Bug



Sign in to add a comment

Linear gradient on html or body fails if page scrolls

Reported by m...@misterneutron.com, Apr 23 2017

Issue description

Steps to reproduce the problem:
1. Apply a linear gradient to html or body: background:linear-gradient(red, blue) no-repeat fixed;
2. Create a page that forces scrolling - h, v, or both
3. Scroll up and down or side to side

What is the expected behavior?
The linear gradient background should remain fixed, while the content scrolls.

What went wrong?
The linear gradient background scrolls with the content, revealing a blank white background at bottom and/or right of the page.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 57.0.2987.132  Channel: stable
OS Version: 7.0.0
Flash Version: 

If the page scrolls only vertically, the blank at the bottom is equal in size to the disappearing address bar. If the page requires both vertical and horizontal scrolling (as in the attached dummy page), the results are truly catastrophic.
 
index.html
567 bytes View Download
A couple of screenshots to illustrate further. The first, FCA1.jpg, involves a page of thumbnails. Scrolling to the bottom produces what you see, FF on the left, Chrome on the right.

The second, FCA2.jpg, involves a page that requires right/left scrolling to see the image. In FF, there is no vertical scrolling even possible, since it isn't necessary. Scrolling to the right reveals what you see in this image (left side of the image). In Chrome, it allows you to scroll in both axes, and you get what you see on the right side of this image.

Yes, I know the page is not well-designed for a mobile, but in Firefox it's usable, while in Chrome it's quite a mess. No issues on a desktop or laptop.
FCA1.jpg
48.2 KB View Download
FCA2.jpg
29.5 KB View Download
Components: Blink>Paint
Labels: BugSource-User PaintTeamTriaged-20170425
Mergedinto: 521555
Status: Duplicate (was: Unconfirmed)

Sign in to add a comment