D3 js unexpected behavior on rapid mouse clicks
<p>I have a multiline chart using D3, and the lines have nodes to mark the points.  I also have legends below x-axis to display or hide each line when a user clicks on them. Similar to this <a href="http://bl.ocks.org/bobmonteverde/2070069" rel="nofollow">example</a></p>

<p>The chart and legend selection works totally fine when I click normally on legends. But when I click rapidly on legends, one of the lines' nodes disappear. When I inspected the page, I found they got relocated to the top of the browser window(and not visible because there's no svg element there)</p>

<p>I don't even know what the problem is and where should I start debugging as it works fine with normal speed mouse clicks on legends. </p>

<p>I know it is very difficult for anyone to help without looking at the source code or a working fiddle, but I just wanted to know (before I try to reproduce the problem on fiddle) has anyone experienced something like this before? does mouse clicking speed affect how elements get rendered in D3? or this is not a D3 problem at all and some javascript/dom thing I am overlooking? </p>