Skip to content

Firefox mouse wheel zoom #350

@scrollable-sidebar

Description

@scrollable-sidebar

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;
        }

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions