Chrome radial-gradient closest-side color stop nearing 100% clamps to infinity

dabblet.css

/** Chrome radial-gradient closest-side color stop nearing 100% clamps to infinity
*/
.a { background-image: radial-gradient(closest-side, red 50%, white 0) }
.b { background-image: radial-gradient(closest-side, red 99%, white 0) }
.c { background-image: radial-gradient(closest-side, red 99.609371185302727214061491167740314267575740814208984374%, white 0)}
.d { background-image: radial-gradient(closest-side, red 99.609371185302727214061491167740314267575740814208984375%, white 0)}
.e { background-image: radial-gradient(closest-side, red 100%, white 0)}

p { width: 15vw; height: 15vw; margin-right: 2vw; background-color: #ccc; float: left; word-break: break-all; word-wrap: break-word; border: 1px solid; }

dabblet.html

<p class="a">50% (OK)
<p class="b">99% (OK)
<p class="c">99.609371185302727214061491167740314267575740814208984374% (still OK)
<p class="d">99.609371185302727214061491167740314267575740814208984375% (error in Chrome)
<p class="e">100% (error in Chrome)

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}