title: MouseOver event is not triggered in svg - clippath region in Chrome?
body: <p>I use d3 to create a line chart with circle points... Just tried to figure out this <a href="http://bl.ocks.org/bobmonteverde/2070123" rel="nofollow" title="example">http://bl.ocks.org/bobmonteverde/2070123</a> ...In Chrome the mouseover and mouseout events are not triggered in some circle points  whereas it works fine in firefox and safari...</p>
  
  <pre><code>  var pointPaths = wrap.select('.point-paths').selectAll('path')
        .data(voronoi);
    pointPaths.enter().append('path')
        .attr('class', function(d,i) { return 'path-' + i; })
    pointPaths.exit().remove();
    pointPaths
        .attr('clip-path', function(d) { return 'url(#clip-' + id + '-' + d.series + '-' + d.point + ')'; })
  
        .attr('d', function(d) { return 'M' + d.data.join(',') + 'Z'; })
        .on('mouseenter', function(d,i) { 
          console.log("MouseOver:---",d, "i ==== ",i);
          wrap.select('.line-' + d.series + ' .point-' + d.point)
            .classed('hover', true);
        })
        .on('mouseleave', function(d) {
         // console.log("mouseOut:---",d);
          wrap.select('.line-' + d.series + ' .point-' + d.point)
            .classed('hover', false);
         });
  </code></pre>
  
  <p>here is the fiddle <a href="http://jsfiddle.net/vVEDG/1/" rel="nofollow">http://jsfiddle.net/vVEDG/1/</a></p>
  
  <p>Why the mouseover events are not fired at x-points 13,15,17,19 ??? </p>
  
  <p>Any Suggestions ??? </p>
  
  <p>I using Chrome 26.0.1410.65</p>