New issue
Advanced search Search tips

Issue 818530 link

Starred by 3 users
Status: WontFix
Owner:
schenney@chromium.org
Closed: Mar 2018
Cc:
vamshi.kommuri@chromium.org
pdr@chromium.org
schenney@chromium.org
vmp...@chromium.org
Components:
EstimatedDays: ----
NextAction: 2018-03-19
OS: Windows
Pri: 2
Type: Bug



Sign in to add a comment

Boundary issues with background gradient and repeat-y

Reported by sander.v...@gmail.com, Mar 5 2018 
UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.186 Safari/537.36

Example URL:
https://jsfiddle.net/aLww556q/5/

Steps to reproduce the problem:
1. Visit https://jsfiddle.net/aLww556q/5/

What is the expected behavior?
The button is completely filled by the background gradient.

What went wrong?
There is a 1-pixel wide line of white between the right edge of the gradient and the border.

Does it occur on multiple sites: Yes

Is it a problem with a plugin? N/A 

Did this work before? N/A 

Does this work in other browsers? No
 Edge 41.16299.248.0

Chrome version: 64.0.3282.186  Channel: stable
OS Version: 10.0
Flash Version:
BackgroundBug.png
17.6 KB View Download

Comment 1 by sander.v...@gmail.com, Mar 5 2018 

This is a simplified version of something that happens on a site I'm working on. As mentioned, Edge has a similar problem, but the example renders correctly in Firefox.

The element can also be a div, in which case there is also an extra line at the bottom, filled with red (the first line of the gradient):
https://jsfiddle.net/aLww556q/13/
BackgroundBug2.png
519 bytes View Download

Comment 2 by krajshree@chromium.org, Mar 5 2018

Labels: Needs-Triage-M64

Comment 3 by vamshi.kommuri@chromium.org, Mar 5 2018

Cc: vamshi.kommuri@chromium.org
Labels: Triaged-ET Needs-Feedback
Thanks for filing the issue!

Unable to reproduce the issue on reported chrome version 64.0.3282.186 and on the latest canary 67.0.3360.0 using Windows 10 with the below mentioned steps.
1. Launched Chrome
2. Navigated to https://jsfiddle.net/aLww556q/5/ and https://jsfiddle.net/aLww556q/13/
We didn't observe any white line with border. Attaching the screen cast of the same.

@Reporter: Could you please have a look at the screen cast and let us know if we have missed anything. Any further inputs from your end may help us.

Comment 4 by vamshi.kommuri@chromium.org, Mar 5 2018

818530.mp4
2.7 MB View Download

Comment 5 by sander.v...@gmail.com, Mar 5 2018 

I can only reproduce it on my laptop; it works as expected on my desktop. The main difference between the version page you showed and mine is the list of variations (attached).

Would information about the hardware be relevant?
variations.txt
923 bytes View Download
Project Member

Comment 6 by sheriffbot@chromium.org, Mar 5 2018

Labels: -Needs-Feedback
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

Comment 7 by danakj@chromium.org, Mar 5 2018

Cc: pdr@chromium.org
Components: -Blink Blink>Paint

Comment 8 by pdr@chromium.org, Mar 5 2018

Owner: schenney@chromium.org
I can't reproduce in canary on either low-dpi or high-dpi but this looks like a background size issue. Schenney, this looks like 785171.

Sander, are you able to download Chrome Canary and see if this was fixed?

Comment 9 by schenney@chromium.org, Mar 5 2018

Labels: Needs-Feedback
NextAction: 2018-03-19
Almost certainly fixed by the change to make backgrounds fill the border box. Please check Canary.

Comment 10 by sander.v...@gmail.com, Mar 5 2018 

Yep, it's fixed in Canary. Thanks!
Project Member

Comment 11 by sheriffbot@chromium.org, Mar 5 2018

Cc: schenney@chromium.org
Labels: -Needs-Feedback
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

Comment 12 by schenney@chromium.org, Mar 6 2018

Status: WontFix (was: Unconfirmed)
Wont Fix because fortunately I fixed it earlier. More fixes to come.

Comment 13 by monor...@bugs.chromium.org, Mar 19 2018 

The NextAction date has arrived: 2018-03-19
►

Sign in to add a comment