Timeline: onMouseScroll bubbling up in Firefox about chap-links-library HOT 6 OPEN

how can I repeat this? I opened one of the Timeline examples in Firefox, resized the browser window small enough to have the page scrollbar visible, and then zoom in the timeline - but that does not zoom the page.

from chap-links-library.

No response yet, so I will close the issue for now.

I checked the code, and the onMouseWheel method actually cancels the default behavior of the event (so the browser will not scroll the page). It does not stop propagation of the event though.

from chap-links-library.

Sorry for the late response. I figured out how to reproduce the issue now (only seems to happen with Groups):
-Go to example 13: http://almende.github.com/chap-links-library/js/timeline/examples/example13_grouping.html
-Resize the browser window until there's a vertical scrollbar
-Scroll mousewheel inside chart
-Sometimes, the document scrolling only happens are the mousewheel has been used outside the chart area at least once.

These steps reproduced the issue for me in Firefox 14.0.1. In any case, thank you very much for the awesome work you and your group have done so far on the library!

from chap-links-library.

Ah, thanks for your feedback. I get it reproduced now, on Firefox and on Windows.

from chap-links-library.

I found an easy way to fix this. Using https://developer.mozilla.org/en-US/docs/Web/Reference/Events/wheel , I learned that the MozMousePixelScroll event will get fired.

So the work around I did was

In my code:

$(".timeline-content").get(0).addEventListener("MozMousePixelScroll", function(e) {
    e.preventDefault();
}, true);

from chap-links-library.

Thanks for sharing.

from chap-links-library.