Inverted wheel event deltaX

Confirmed Issue #8444720 • Assigned to Travis L.

Details

Created
Aug 10, 2016
Privacy
This issue is public.
Found in
  • Microsoft Edge
Standard affected
UI Events

Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

Use code like the following, and observe that deltaX (and wheelDelta, and wheelDeltaX) is negative when scrolling right, and positive when scrolling left, unlike every other browser including IE9-11 (IE11 on Windows 10 included). However, deltaY is still correct and matches every other browser.

    window.addEventListener('wheel’, function(e) {
         console.log(e.deltaX, e.deltaY);
    });

The spec strongly suggests this is incorrect behavior:

“If a user agent scrolls as the default action of the wheel event then the sign of the delta SHOULD be given by a right-hand coordinate system where positive X, Y, and Z axes are directed towards the right-most edge, bottom-most edge, and farthest depth (away from the user) of the document, respectively.”

I also cannot find any reference to this bizarre change on MSDN.

A Stack Overflow post on the issue for reference:

https://stackoverflow.com/q/38860192/3155639

Attachments

0 attachments

    Comments and activity

    • Alas, the markdown which worked in preview was mutilated when saved, but removing js and will give you functioning code.

    • One minor correction: wheelDelta and wheelDeltaX are actually correct, it’s just deltaX with the incorrect sign value.

    • Microsoft Edge Team

      Changed Steps to Reproduce

      Changed Steps to Reproduce

      Changed Assigned To to “Brad E.”

      Changed Assigned To to “Travis L.”

      Changed Status to “Confirmed”

    You need to sign in to your Microsoft account to add a comment.

    Sign in