title: D3.js transition bug in Firefox?
body: <p>Take a look at <a href="http://jsfiddle.net/EyrRD/" rel="nofollow">http://jsfiddle.net/EyrRD/</a>. I use D3.js library to animate SVG rectangle by changing its width:</p>
  
  <pre><code>rect.transition().duration(2000).delay(500).ease("cubic-out").attr("width", 500);​
  </code></pre>
  
  <p>Everything works fine in other browsers, but in Firefox animation suddenly stops when rectangle width reaches 300px. Actually it doesn't matter what is the destination width (>=300), it always stops at 300px. Is that really a bug? If so, how to overcome this? An by the way, is D3.js the best tool for this kind of SVG animations?</p>