element's background-image becomes invisible when several size & position conditions are met
Reported by
jmattt...@gmail.com,
Mar 5 2018
|
|||||
Issue description
Steps to reproduce the problem:
1. html must contain an element (e.g. <div id="foo">)
2. the element must be styled with CSS meeting all of the following conditions (e.g. #foo { ... })
3. background-image: url(); - the image file must be very tall. I haven't tested all heights. but 1080x5000px reproduces bug
4. height: >= 3970px (bug not reproduced at <= 3960px)
5. background-size: >= 101vw (bug not reproduced at <= 100vw)
6. background-position-y: <= -495px (bug not reproduced at >= -490px)
What is the expected behavior?
when the HTML file is loaded by the browser, the element's background-image should be visible
What went wrong?
when the HTML file is loaded by the browser, the element's background-image is invisible
Did this work before? N/A
Does this work in other browsers? Yes
Chrome version: 64.0.3282.137 Channel: stable
OS Version: Android 8.1.0
Flash Version:
tested on Firefox Android and Chrome for Mac OSX: bug not reproduced on those browsers.
,
Mar 6 2018
,
Mar 6 2018
Could you try disabling GPU acceleration? This is a limit to GPU texture sizes, I believe. Maybe a duplicate of something I saw go by recently.
,
Mar 7 2018
Indeed, this issue is resolved if I change the chrome://flags setting "GPU Rasterization" from "default" to "disabled".
,
Mar 8 2018
Can we close this issue as per comment #4. Thanks!!
,
Mar 9 2018
Khushal/Eric, any idea? |
|||||
►
Sign in to add a comment |
|||||
Comment 1 by pnangunoori@chromium.org
, Mar 6 2018