DrawSVG does not fully draw path in FF

[spica2 0 Likes (Newbie)]

Having some issuis with DrawSVG in FF34. The Path does not get drawn fully. Other browsers are ok. Could have to do with the getLengthProperty problem in FF.

 

Experimented with several pathes, that hade this strange behaviour. Some could be fixed by rearranging the points of the pathes, for what reason I can not see. The example in the pen seems to be ok with its path.

 

The gap seems to be between the 0th nd first Point of the path.

See the Pen JoKRyP by Spica (@Spica) on CodePen

[Carl 11,101 Likes (Superhero)]

Thanks for the demo, very helpful.

 

Yes, I suspect that the FF getLength bug is to blame here.

A suitable fix for this appears to be going beyond 100% 

tl.fromTo("path", 1, {drawSVG:0},{drawSVG:"102%"} "-=1")

http://codepen.io/anon/pen/raLMZE

 

Looks good on my end. Does that work for you?

[spica2 0 Likes (Newbie)]

Oh, yes. That works fine. Simple and good solution.

 

Do you have any idea, what kind of paths shapes causes the problem. Not all shapes have that gap.

 

bth, the official demo

See the Pen jEEoyw by GreenSock (@GreenSock) on CodePen

suffers the same thing.

[Carl 11,101 Likes (Superhero)]

here is a little info on what we have found regarding how help FireFox: http://greensock.com/forums/topic/11013-drawsvg-detect-stroke-length/?p=44242

 

Thanks for letting us know about our demo. I added the 102% fix.