DrawSVG doesn't animate the stroke on one of the lines

[Fettabachi 1 Likes (Newbie)]

Hello,

I'm mystified as to why the stroke on the red bar in my pen doesn't animate like the stroke on the white bar. The only difference I can see are the coordinates of the lines.

 

Thanks

See the Pen PZjJWq?editors=101 by Fettabachi (@Fettabachi) on CodePen

[Carl 11,167 Likes (Superhero)]

Hi,

 

Thanks for the demo, it appears your red line was missing the x1 attribute.

//Bad
<line id="rb_1" class="cls-1-rb"  y1="50" x2="3122.1" y2="50"/>

//Good
<line id="rb_1" class="cls-1-rb" x1="260.64"  y1="50" x2="3122.1" y2="50"/>

Please see this revised version: http://codepen.io/GreenSock/pen/wMrzpY?editors=110

[PointC 14,427 Likes (Superhero)]

Hi Fettabachi ,

 

the red line is just missing the x1 coordinate. Just change your SVG to this and it works just fine.

 <line id="rb_1" class="cls-1-rb" x1="260.64" y1="50" x2="3122.1" y2="50"/>

[PointC 14,427 Likes (Superhero)]

Haha - I come back after a few days off and Carl whoops me. 

[Fettabachi 1 Likes (Newbie)]

Now it's obvious! Thank you.