Error: Attribute Dy: Expected Length, "nan". | Error: Attribute D: Expected Number, "m,0,0". | Raphael.js | Wheelnav.js

I am trying to create circular menu with wheelnav.js library. Even though it seems to work I get thousands of errors in chrome console. Error: attribute d: Expected number, 'M,0

Solution 1:

wheelnav.js uses a modified Raphael.js

https://cdn.jsdelivr.net/npm/wheelnav@1.7.1/js/dist/raphael.min.js

Here is an error-free JSFiddle: https://jsfiddle.net/npg80xqm

You can find the fixed bugs here: https://github.com/softwaretailoring/wheelnav/commits/master/js/required/raphael.js

Solution 2:

A kind of solution was already in the issue https://github.com/DmitryBaranovskiy/raphael/issues/593 . So I found the following bodge by adding:

if(isNaN(fontSize)) {
    fontSize = 10;
}

to raphael.js after:

fontSize = node.firstChild ? toInt(R._g.doc.defaultView.getComputedStyle(node.firstChild, E).getPropertyValue("font-size"), 10) : 10;

(line 6147 in 2.3.0) solved the <tspan> errors for me.