background-attachment fixed with background-size cover causes jittering on scroll
Reported by
rol...@nextendweb.com,
Oct 19
|
|||||||
Issue descriptionUserAgent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36 Example URL: https://smartslider3.com/bugs/chrome/attachment-fixed/index.html Steps to reproduce the problem: 1. Open https://smartslider3.com/bugs/chrome/attachment-fixed/index.html 2. Scroll with mouse wheel (it is harder to see the effect when you scroll with the scrollbar, but happens there too) 3. You will see micro lags/flickering on the rendered image What is the expected behavior? It should be smooth without side effect. Without the background-size:cover the background-attachment:fixed renders properly: https://smartslider3.com/bugs/chrome/attachment-fixed/good.html What went wrong? Micro lags/flickering on the rendered image Does it occur on multiple sites: N/A Is it a problem with a plugin? N/A Did this work before? N/A Does this work in other browsers? Yes Chrome version: 69.0.3497.100 Channel: stable OS Version: 6.1 (Windows 7, Windows Server 2008 R2) Flash Version:
,
Oct 21
,
Oct 23
Unable to reproduce the issue on reported chrome version #69.0.3497.100 and latest chrome #72.0.3588.0 on windows 10 by following below steps. Steps: ===== 1.Launched chrome. 2.Navigated to "https://smartslider3.com/bugs/chrome/attachment-fixed/index.html". 3.Scrolled down the page using mouse scroll but unable to see any image flickering or micro-lags. Attached screencast for reference. Reporter: Request you to retry the issue by creating a new person without any apps and extensions installed, reset all flags to default on latest chrome and let us know if the issue still persists. Thanks.!
,
Oct 24
I made a new person, disabled all extensions and reset all flags. Still the same. See the attached video, the lags are well noticeable. The video recorded on Windows 7, but just tested on MacOs Mojave + Chrome and Win 10 + Chrome and produce the very same issue on those computers too. I'm not sure it it matters, but: Win 7 resolution: 2560*1440 Win 10 resolution: 1920*1080 MacOS Mojave resolution: 2560*1440
,
Oct 24
Thank you for providing more feedback. Adding the requester to the cc list. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Oct 25
Looks like the issue is that that background moves around a little when scrolling? I can repro on Linux high-DPI. I'd guess this is a pixel-snapping issue somewhere. +wangxianzhu@, you've been looking at background-attachment fixed, mind triaging this?
,
Oct 26
I suggest trying a bisect. I can repro on HighDPI mac. It might be my changes to background painting, but I doubt it. Might also be the issue we have with scroll offsets being mismatched on the compositor and Blink.
,
Oct 26
,
Oct 27
I modified the test to use a black and white image to make the jitter more obvious, and bisected to https://chromium.googlesource.com/chromium/src/+log/55ff92f2008fc1f5e566fbaf483436626df7e0a3..ac82d845fcd5f48ba42bfa7928a75de51d1e3e20 which contains schenney@'s background painting change. |
|||||||
►
Sign in to add a comment |
|||||||
Comment 1 by dtapu...@chromium.org
, Oct 19