New issue
Advanced search Search tips

Issue 674722 link

Starred by 5 users

Issue metadata

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



Sign in to add a comment

background-attachment fixed is broken with position:absolute or position:fixed

Project Member Reported by majidvp@chromium.org, Dec 15 2016

Issue description

Chrome Version: (copy from chrome://version)

What steps will reproduce the problem?
(1) http://jsbin.com/mokago/
(2) scroll

What is the expected result?
All fixed position backgrounds should stay fixed relative to viewport.

What happens instead?
The background of elements with position:absolute scrolls


Firefox does the right thing but Edge and IE are broken as well.
 
Owner: flackr@chromium.org
Status: Assigned (was: Untriaged)
Cc: majidvp@chromium.org

Comment 3 by flackr@chromium.org, Jan 27 2017

Cc: -chrishtr@chromium.org flackr@chromium.org
Owner: chrishtr@chromium.org
Summary: background-attachment fixed is broken with position:absolute or position:fixed (was: background-attachment fixed is broken with position:absolute)
Interesting, it looks like this broke for for the fixed position element as well sometime between 55.0.2883.87 and 58.0.2994.0. We don't seem to be promoting the scrollers where this occurs (on low DPI), so this seems to be the non-composited background paint code not getting the correct offset.
A slightly different case that came about with Chrome 59:  https://codepen.io/rhamilto/pen/awXMwy

The bug occurs when a fixed position element with a fixed background is the child of an absolutely positioned element.
Also something between 63 and 66 broke about it to:

https://youtu.be/jLKVnWw-2QY
https://youtu.be/R-slQ3EvT9U


Cc: skobes@chromium.org szager@chromium.org
RLS changed the behavior?

Comment 7 by skobes@chromium.org, Apr 25 2018

Possibly related to  issue 835755 .

Comment 8 by pdr@chromium.org, Apr 25 2018

Thanks for the report rafal.kolodziejczyk. I think you are seeing this bug:  https://crbug.com/835755 . Please star that bug for updates.

Comment 9 by d...@rewsllc.com, Jun 14 2018

Another Example of the issue.
https://codepen.io/anon/pen/jKLKPE ( also attached )

Expecting to see the background remain in place when scrolling the page, and in edge and firefox this is the case. In chrome the background scrolls down and off the screen and blinks white failing to render at all at times.

I've seen the same symptom on various websites with parallax backgrounds and condensed down this example. 
background-fixed.html
303 bytes View Download

Comment 10 by d...@rewsllc.com, Jun 14 2018

I just realized that this issue is quite a bit older, and it might not be related to my own issue at the core. My version information.

Google Chrome	67.0.3396.87 (Official Build) (64-bit) (cohort: Stable)
 Issue 853092  has been merged into this issue.
Comparing Chromium 66 and Firefox 60

https://youtu.be/VwLpWtWWqqU

https://codepen.io/anon/pen/OEGVaO
Chromium is the odd one out here (Chrome, IE, Edge, Firefox all work as expected)

OK:
Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; Zoom 3.6.0; wbx 1.0.0; rv:11.0) like Gecko 

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36 Edge/16.16299 

Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:60.0) Gecko/20100101 Firefox/60.0 

Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36

Fail:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/66.0.3359.181 Chrome/66.0.3359.181 Safari/537.36
Found this breaking on Chrome 67 (dev version!) on this page: https://jthiem.com/

FAIL: Chrome 67.0.3396.79 (Developer Build) Fedora Project (64-bit) - scroll up down, the background image will weirdly shift vertically

OK: Firefox 63.0a1 (2018-07-04) (64-bit)

I saw this on GNU/Linux Fedora 28. Will this be fixed any time soon?
It seems to be working fine in M-68 and M-69 Canary. So fixed when those roll out to Stable?

Sign in to add a comment