Error: <circle> attribute r: A negative value is not valid.

[massprogressive]

I'm trying to animate two circles using their attributes "ry" to make a blink of an eye effect. all works for me but when I'm opening console I've got error:
Error: attribute ry: A negative value is not valid. ("-3.3084371372080135")

The values I'm using in range [21, 0, 21]. What makes this error happen and how to fix it?

But when I'm using numbers in range [21, 5, 21] all works without any issues.

[juliangarnier]

Looks like you're using an elastic easing, so animating to 0 means going negative at some point to create the bounce effect.

Try with an other easing function.

[massprogressive]

I'm using 'linear' easing.

[juliangarnier]

Hard to help you without a live example.
Can you share a CodePen or JSfiddle ?

[sadeghbarati]

@juliangarnier

https://codepen.io/riccardo051/pen/bKXjpg

Unexpected value 46.0533334776393 parsing r attribute.

[kate-ivanova]

@juliangarnier Hi, I have the same issue. It happens here when I try to animate r to 0, e.g. r: [2, 0] with any easing. It seems that you need to add check for p === 'r' if the value is positive or 0. And if it's negative - set v = 0

[kate-ivanova]

I've created PR for it #444