New issue
Advanced search Search tips

Issue 905645 link

Starred by 1 user
Status: Duplicate
Merged: issue 904042
Owner: ----
Closed: Nov 15
Cc:
vmp...@chromium.org
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 2
Type: Bug-Regression



Sign in to add a comment

Background no-repeat prevents background image to cover

Reported by dleitner...@gmail.com, Nov 15 
UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.102 Safari/537.36

Steps to reproduce the problem:
1. Create a div
2. Set a height, width and a background-image
3. Set the background-size to 100%
4. Set the background-repeat to no-repeat

What is the expected behavior?
The background image (1px x 1px) would normally scale and cover the entire container.

What went wrong?
background-repeat: no-repeat; prevents the background image to cover.

Round for some reason is the only property producing the expected behavior.

Did this work before? Yes 68

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

https://jsfiddle.net/musypk70/4/

Comment 1 by dleitner...@gmail.com, Nov 15 

Edit: The issue might only appear on base64-encoded background images.

Comment 2 by woxxom@gmail.com, Nov 15 

Bisect info:
Broken in r571505 "[PE] Improve background image painting"
Fixed in r607901 "Fix background image painting of very small images"

Comment 3 by pdr@chromium.org, Nov 15

Components: -Blink Blink>Paint
Mergedinto: 904042
Status: Duplicate (was: Unconfirmed)
Thank you for taking the time to create a small testcase and file a bug. This is the same issue as  https://crbug.com/904042 .

The issue has various workarounds, the suggested one is to use an image size at least half the aspect ratio of the requested size (in the given test case the ratio is 200:80, so use at least 2x2).

To reduce the chances of further breaking folks, I'm considering letting the fix roll out as part of M72 (stable release in late January) instead of rushing it into an earlier release. If that wouldn't work for your site (e.g., the workaround is infeasible), please add a comment on  https://crbug.com/904042  with details.
►

Sign in to add a comment