Setting scrollLeft programmatically in IE 11 / Edge locks vertical scroll with mouse wheel if overflow-x is hidden

Confirmed Issue #10939591 • Assigned to Rick J.


Feb 13, 2017
This issue is public.
Found in
  • Microsoft Edge
  • Internet Explorer
Reported by 3 people

Sign in to watch or report this issue.

Steps to reproduce

Trying to programmatically set the scrollLeft property of an element with css overflow-x:hidden on it, then trying to vertically scroll will lock up vertical scrolling.

JSFiddle of issue:


0 attachments

    Comments and activity

    • The JSFiddle says only present in IE 11, however I confirmed it is also present in Edge.

    • Microsoft Edge Team

      Changed Assigned To to “Brad E.”

      Changed Assigned To from “Brad E.” to “Steven K.”

    • Code workaround below temporarily changes the overflow-x back to scroll while changing scrollLeft. I didn’t see any effect other than avoiding the vertical scroll problem. = "scroll";
      element.scrollLeft = newLeft; = "hidden";
    • Microsoft Edge Team

      Changed Assigned To to “Rick J.”

      Changed Status to “Confirmed”

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

    Sign in