Linear Gradient leaves ~1px white space/gap along element edges
Reported by
pinakin....@zsassociates.com,
Apr 4 2018
|
|||
Issue descriptionUserAgent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36 Steps to reproduce the problem: 1. Create a <div> element with a border. 2. Add linear-gradient background to it via CSS. 3. Observe all four edges of the <div> carefully at different zoom-levels/screen resolutions. Refer - https://jsfiddle.net/z4dg6o67/50/ What is the expected behavior? Linear Gradient should stretch till the border of the element along all four edges. What went wrong? A thin white line is observed inside the <div> along one or many edges. Refer - https://jsfiddle.net/z4dg6o67/50/ or attached screenshot for details. Did this work before? Yes 64.0.3282.186 Chrome version: 65.0.3325.181 Channel: stable OS Version: 6.1 (Windows 7, Windows Server 2008 R2) Flash Version:
,
Apr 5 2018
Able to reproduce the issue on reported version 65.0.3325.181 and the same is not seen on latest canary 67.0.3388.0 and Beta 66.0.3359.81 using Windows 10, Ubuntu 14.04 & Mac 10.12.6, hence providing reverse bisect info Reverse Bisect Info: ================ Last Bad build: 66.0.3345.0 First Good build: 66.0.3346.0 You are probably looking for a change made after 536075 (known good), but no later than 536076 (first known bad). https://chromium.googlesource.com/chromium/src/+log/629599659b030790e7b3669864e399387ddcdb49..8430ff876f5da79f02ac1de280d00f52f22d03bc Reviewed on: https://chromium-review.googlesource.com/909450 We don't have any stable refresh of M-65, and stable is moving to M-66 tentatively in two to three weeks. NOTE: Issue seems to fixed on latest beta 66.0.3359.81. Hence removing Needs-Bisect label. @Reporter: Please check the issue on latest beta and let us know if the issue is fixed there. You can download beta build from https://www.chromium.org/getting-involved/dev-channel. Thanks!
,
Apr 5 2018
As explained by viswa.karala in comment 2 this was due to difference in rounding for backgrounds and borders and has been fixed. The fix will be in Chrome 66. Thanks for the report and the detailed test case!
,
Apr 6 2018
Verified on beta latest build 66.0.3359.81. The issue seems to be fixed there. Thanks team for your support. |
|||
►
Sign in to add a comment |
|||
Comment 1 by krajshree@chromium.org
, Apr 4 2018