title: animationStart event not cross-browser?
body: <p>I am using a <a href="http://davidwalsh.name/detect-node-insertion" rel="nofollow noreferrer">recent trick to discover new nodes added to DOM</a> in a library that makes it comfortable to use.</p>
  <p>It's a technique that uses <code>animationStart</code> event after a simple (not visible) animation is declared. Every time you add a new node that should be animated - the event would fire.</p>
  <p>I have just discovered that when an element matching the selector for CSS animation is <strong>shown</strong> by setting <code>display:inline</code> (but existed before the animation was even declared) - <strong>the <code>animationStart</code> fires in webkit, but not in FireFox.</strong></p>
  <p>I honestly don't know which is the correct behaviour and if this is only about a certain version of one of my browsers.</p>
  <p>At the end of chapter3-animations the W3C document says animations should run after the element is shown. <a href="http://www.w3.org/TR/css3-animations/#animations" rel="nofollow noreferrer">http://www.w3.org/TR/css3-animations/#animations</a></p>
  <p>The fifth test case <a href="http://naugtur.github.com/insertionQuery/" rel="nofollow noreferrer">here</a> is the one affected by the problem.</p>
  <p>What is the reason for this difference between browsers? Or how do I make it consistent?</p>