CSS radial-gradient with closest-side color stop length nearing 100% clamps to infinity
Reported by
myfonj@gmail.com,
Jun 27 2016
|
||||
Issue descriptionUserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.103 Safari/537.36 Steps to reproduce the problem: Set any displayed elements style `background-image: radial-gradient(closest-side, red 100%, white 100%)` What is the expected behavior? Red circle touching sides in halves rendered. What went wrong? Red rectangle rendered. Did this work before? No Chrome version: 51.0.2704.103 Channel: n/a OS Version: 10.0 Flash Version: Shockwave Flash 22.0 r0 Tested in Google Chrome, Win 10 versions: - 51.0.2704.103 (Official Build) m (64-bit), - 53.0.2781.0 (Official Build) canary (64-bit). -> Same results: starting at value [1] radial-gradient flips to full rectangle. Correctly rendered in current IE 11, Edge and Firefox. Attached test-case and screenshots. Dabblet: http://dabblet.com/gist/cc1c8e8b29d49d3dcb641a43d38f27a9 [1] Smallest clamping color stop value on my machine was 99.609371185302727214061491167740314267575740814208984375%
,
Jul 2 2016
Moving this nonessential bug to the next milestone. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Aug 10 2016
Unclear if this is CSS or paint, needs further investigation.
,
Aug 16 2016
Longstanding Skia gradient issue, may be fixed by Federico's upcoming changes.
,
Oct 5
The example exhibits correct behavior after: https://skia.googlesource.com/skia/+/72535fb55a3c7b439530efb48a2b1f55d671530e commit 72535fb55a3c7b439530efb48a2b1f55d671530e Author: Michael Ludwig <michaelludwig@google.com> Date: Thu Oct 04 13:10:29 2018 Reland "Reland "Implement an explicit binary search-based analytic gradient colorizer"" |
||||
►
Sign in to add a comment |
||||
Comment 1 by durga.behera@chromium.org
, Jun 28 2016Labels: M-53 OS-Linux OS-Mac
Status: Untriaged (was: Unconfirmed)