I noticed the mouse wheel zoom in Firefox was working in reverse, so changed this:
event.preventDefault();
var delta = event.delta || event.wheelDelta;
if (delta === undefined) {
//we are on firefox
delta = event.detail;
}
To this:
event.preventDefault();
var delta = event.delta || event.wheelDelta;
var isFirefox = false; // Flag to identify if it's Firefox
if (delta === undefined) {
// We are on Firefox, as event.delta and event.wheelDelta are undefined
delta = event.detail;
isFirefox = true; // Set the flag
}
// Invert delta for Firefox to match the scroll direction of Chrome/Webkit for zoom.
// In Firefox, event.detail is positive for scroll down and negative for scroll up.
// Chrome/Webkit's wheelDelta is typically positive for scroll up (zoom in) and negative for scroll down (zoom out).
// To align them, we negate Firefox's delta.
if (isFirefox) {
delta = -delta;
}
I noticed the mouse wheel zoom in Firefox was working in reverse, so changed this:
To this: