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

Issue #10939591 • Assigned to Rick J.

Details

Created
Feb 13, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
  • Internet Explorer
Reports
Reported by 2 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: https://jsfiddle.net/TGolias94/osd0bs62/25/

Attachments

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.

      element.style.overflowX = "scroll";
      element.scrollLeft = newLeft;
      element.style.overflowX = "hidden";
      
    • Microsoft Edge Team

      Changed Assigned To to “Rick J.”

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

    Sign in