Background images have transparent areas or repeat multiple times unexpectedly
Reported by
vita...@gmail.com,
Feb 4 2018
|
||||||||
Issue descriptionSteps to reproduce the problem: Reduced test case: https://vitalyq.github.io/browser-issues/android-chrome-64/multiple-backgrounds.html Steps to reproduce: - Create an element with multiple background images or gradients. SVG images and "none" don't cause the issue. - Set "border-radius" on the element. - Add responsive meta tag. - Keep adding SVG images anywhere in the markup until the problem occurs. SVG images could either be "img" elements or set as background. The content of SVG images matters. For example, I had to add one image 6 times until the problem reproduced, but with another image it has reproduced with just 3 images on the page. If the issue isn't reproduced, set up remote debugging using DevTools and try enabling and disabling "border-radius" property on ".target" class. What is the expected behavior? What went wrong? Background images have transparent areas or repeat multiple times. Did this work before? N/A Does this work in other browsers? Yes Chrome version: 64.0.3282.137 Channel: stable OS Version: 7.0.0 Flash Version:
,
Feb 5 2018
Tested the issue in Android and able to reproduce the issue. Steps Followed: 1. Launched the Chrome 2. Navigated to https://vitalyq.github.io/browser-issues/android-chrome-64/multiple-backgrounds.html 3. Observed the transparent images Chrome versions tested: 64.0.3282.137 OS: Android 7.0.0 Android Devices: Samsung J7 This seems to be a Non-Regression issue as same behaviour is seen since older builds Please navigate to below link for log's and video-- go/chrome-androidlogs/808880 Thanks!
,
Feb 13 2018
,
Feb 13 2018
I can't reproduce this on a Nexus 5 or a Nexus 5x with any Chrome version, even messing with the border radius in DevTools. The video in comment #5 shows the correct behavior, so is not confirmation. I suspect this is a GPU issue, possibly due to low memory. vitalyq@, what device is this on?
,
Feb 13 2018
,
Feb 16 2018
I did more testing and can confirm that it's device-dependant. Reproduced with: Xiaomi Mi Max Xiaomi Redmi Note 4X Sony Xperia Z5 Compact Not reproduced with: Samsung Galaxy A3 2016 Motorola Nexus 6
,
Feb 16 2018
Thank you for providing more feedback. Adding requester "schenney@chromium.org" to the cc list and removing "Needs-Feedback" label. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Feb 16 2018
Could you please provide the contents of the "chrome://gpu" url for the affected devices?
,
Feb 20 2018
Will try to repro/triage. |
||||||||
►
Sign in to add a comment |
||||||||
Comment 1 by pnangunoori@chromium.org
, Feb 5 2018