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

Issue 714462 link

Starred by 1 user

Issue metadata

Status: Assigned
Owner:
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Android
Pri: 2
Type: Bug



Sign in to add a comment

Background "cover" image on html or body fails if page scrolls

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

Issue description

Steps to reproduce the problem:
1. Place a background image on html or body with "cover" attribute: background: url('aspectWide.jpg') no-repeat fixed center center; background-size: cover;
2. Create a page that requires scrolling - h, v, or both
3. Scroll up and down or side to side

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

What went wrong?
The background image scrolls with the content, revealing a blank white background. 

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 only vertical scrolling, the blank area at the bottom is the same size as the disappearing address bar. If both vertical and horizontal scrolling, the result is truly catastrophic.
 
bgtest.zip
210 KB Download
Components: Blink>Image
Possibly sending this bug report to the right place...  Sorry no one noticed it until now.
Labels: BugSource-User PaintTeamTriaged-20170630
Owner: schenney@chromium.org
Status: Assigned (was: Unconfirmed)

Sign in to add a comment