New issue
Advanced search Search tips

Issue 848208 link

Starred by 2 users

Issue metadata

Status: Duplicate
Merged: issue 849854
Owner:
Closed: Jun 2018
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 2
Type: Compat



Sign in to add a comment

Background image moves down when page is scrolled down (and content is going up)

Reported by aljoscha...@gmail.com, May 31 2018

Issue description

UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.62 Safari/537.36

Example URL:
http://klixtheme.com/demo/all/colorful/tables/

Steps to reproduce the problem:
1. Open http://klixtheme.com/demo/all/colorful/tables/
2. Scroll down

What is the expected behavior?
Background Image (http://klixtheme.com/demo/all/colorful/wp-content/themes/klix/images/blog-default-bg.jpg) should stay in background.

What went wrong?
Background image is moving down when scrolling the page down and moving content up. 

Does it occur on multiple sites: N/A

Is it a problem with a plugin? N/A 

Did this work before? Yes 66

Does this work in other browsers? Yes

Chrome version: 67.0.3396.62  Channel: stable
OS Version: 10.0
Flash Version: 

Background Image is loaded after flash images can't be loaded. 

		<div id="background">
			<div id="swf-bg">
				<!-- the image in the style attribute is the backup image for non-flash -->
				<!-- delay the backup BG showing so it doesn't flicker on before other stuff is loaded -->
				<style type="text/css">#html-bg{visibility:hidden;}</style>
				<div id="html-bg"></div>
				<style type="text/css">
				#html-bg {
					background-image: url('http://klixtheme.com/demo/all/colorful/wp-content/themes/klix/images/blog-default-bg.jpg');
					filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://klixtheme.com/demo/all/colorful/wp-content/themes/klix/images/blog-default-bg.jpg', sizingMethod='scale');
					-ms-filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://klixtheme.com/demo/all/colorful/wp-content/themes/klix/images/blog-default-bg.jpg", sizingMethod="scale")';
				}
				</style>
			</div>
		</div>
 

Comment 1 by gov...@chromium.org, May 31 2018

Cc: pbomm...@chromium.org
Labels: Needs-Triage-M67
Components: Blink>Paint
Owner: pdr@chromium.org
Status: Available (was: Unconfirmed)
pdr@, is this  https://crbug.com/835755  ?

I definitely recall seeing this issue before.

Comment 4 by pdr@chromium.org, Jun 7 2018

Mergedinto: 835755
Status: Duplicate (was: Available)
I didn't do a bisect to confirm, but I'm pretty sure this is https://bugs.chromium.org/p/chromium/issues/detail?id=835755. This appears to work now, at least on my machine.

Aljoscha, thanks for taking the time to file this. Can you check this in the latest version of chrome and see if it has been fixed? If not, please comment so we can reopen this bug.
Unfortunately bug still applying to 
Version 67.0.3396.79 (Offizieller Build) (64-Bit)
Version 69.0.3452.0 (Offizieller Build) canary (64-Bit)

Comment 6 by pdr@chromium.org, Jun 7 2018

Status: Assigned (was: Duplicate)
Thanks, I can confirm this does reproduce on some hardware (you can force it to reproduce with --disable-prefer-compositing-to-lcd-text).

Comment 7 by pdr@chromium.org, Jun 7 2018

Interesting. This is a regression from SPv175:
https://chromium.googlesource.com/chromium/src/+log/ea38ede3b18e99aff19e5e17c664850b1958a09f..209644b1c73164f277f6a94e0a37d22ac1daeda2

This seems to be due to a combination of nested position: fixed as well as fixed background positioning. Attaching a minimized repro.

Aljoscha, this is a chrome bug but as a temporary workaround you can remove one of the "position: fixed" styles from either #swf-bg or #background.
fixed.html
312 bytes View Download

Comment 8 by pdr@chromium.org, Jun 13 2018

Mergedinto: -835755 849854
Status: Duplicate (was: Assigned)
Looks like this is fixed with the pending fix in 849854. Please follow that bug for more. (Should land later today).

Sign in to add a comment