HoverDetail can't receive click events

[radiodario]

I'm trying to assign click events to the HoverDetail i.e.

// set up events for the over
$('div.detail').on('click', 'div', function(event) {
   // do something here
   console.log("hey!");
});

However i think the svg with the paths and the graphs is on top of the divs that show the hoverDetails. I've tried altering the z-order of the elements to no avail. If i cancel the pointer-events on css for the svg, then hoverDetail doesn't work at all. Does anyone have a workaround/fix for this?

[dchester]

You should be all set if you override the pointer-events property set here: https://github.com/shutterstock/rickshaw/blob/master/rickshaw.css#L2

(That's on the detail div element, not on any svg container.)

[radiodario]

facepalm

i couldn't find that!

Thanks a bunch!