onclick/hover event for d3.svg.line "harder" to trigger in firefox?

[Josh]

Hi everyone, I'm working on a parallel coordinates visualization - lines in the visualization are 'selectable' by clicking, to highlight that particular data element through other transitions, etc.  One thing that I've noticed is that firefox is a little more 'picky' about its hover/click events, such that some of my lines are difficult to actually click on in the visualization.  

Here is the example:  http://bl.ocks.org/2086461  -- one specific example: if you click on "display as percentage of total tax" and then check "Show common axis across tax categories", the top line in the "Property" axis is difficult to click on, this isn't so hard when in chrome.

Was wondering if anyone had any quick solution to make this 'easier' to click on, I was thinking of adding another set transparent lines with a larger stroke width to server as the mouse-over selectors, etc, but thought there might be an easier solution I am over-looking

Thanks

[Jason Davies]

On Mon, Apr 02, 2012 at 07:56:04PM -0700, Josh wrote:
> Was wondering if anyone had any quick solution to make this 'easier' to
> click on, I was thinking of adding another set transparent lines with a
> larger stroke width to server as the mouse-over selectors, etc, but thought
> there might be an easier solution I am over-looking

Yes, I've found this works well for me and is fairly simple to
implement.

--
Jason Davies, http://www.jasondavies.com/