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

Fixed Issue #10939591

Details

Created
Feb 13, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
  • Internet Explorer
Fixed in build #
17.17092
Reports
Reported by 4 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/

Please see other feedbacks in userfeedback VSO for feedbacks that are tracked by this work item.

h3 {
color:#2f5496;
font-family:Segoe UI;
font-size:small;
padding-left:3%;
}

table {
font-size:small;
width:95%;
}

th, td {
font-size:small;
padding:5px;
}

td {
border:0.5px solid white;
}

th {
background-color:#8B8989;
color:white;
}

.feedback-leftcell {
width:20%;
color:#004d8b;
}

.feedback-row:hover {
background-color:#C4C4C4;
}

#feedback-banner, #feedback-footer {
background-color:#0078D7;
color:white;
width:100%;
}

#feedback-banner td, #feedback-footer td {
border:0;
font-size:larger;
padding:10px;
}

#feedbacksection-v5 {
font-family:Segoe UI;
border:5px solid #0078D7;
border-collapse:collapse;
}

#feedbackdetails-table, #feedbackanalysis-table, #feedbacklinks-table {
font-family:Calibri Light;
background-color:#f5f5f5;
}

            
        

        This Bug was created from feedback triage by Sandeep Prabhakar

    



Report Details



    
        Feedback Details

        Description

    

    
        Title

        Cannot scroll in Edge


    

    
        Description

        (No details were provided by the customer)


    

    
        Area Path

        UIF\Microsoft Edge\Browser crashes or stops working

    

    
        [Feedback Hub](https://aka.ms/feedbackhuburi/?ContextId=343&feedbackId=6df38367-8900-4e82-8b54-5c709e1a156d&form=1&src=1)

        View this Customer Feedback details and comments in the Feedback Hub app.

    

    
        [Feedback VSO](../6615927/)

        View this Customer Feedback in Feedback VSO.

    

    
        [Upvoted By](https://aka.ms/feedbackinternalupvoters?vsoId=6615927)

        Contact selfhosters that upvoted this issue.

    

    


Analysis and Diagnostics


    
        Tool

        Description

    

    
        [Feedback Cabs](http://aka.ms/FeedbackViewer/?txtUifId=6df38367-8900-4e82-8b54-5c709e1a156d&section=Cabs)

        
            
                Looking For CAB files related to feedback?

All CABs for
this feedback can be accessed in the Feedback Viewer.

                Note:

CABs may take up to 12 hours
to process through the
telemetry pipeline. CABs age out and are removed after 60 days
due
to Watson retention policies.

        [Feedback Analysis](http://aka.ms/FeedbackViewer/?txtUifId=6df38367-8900-4e82-8b54-5c709e1a156d)

        
            
                Want to understand how this feedback is trending across various pivots?

                With the Feedback Viewer, you can view trending information for this feedback,
                including upvotes by build, region, time, device, and more.
            

        

    

    
        [Related Watson Crashes](http://watson/User?Identifier=g:6896133571424504&Expand=true&StartDate=27-Oct-2017&EndDate=27-Oct-2017&DateTimeFormat=UTC&EventCategory=All)

        
            
                
                    Want to view Watson crashes that occurred on the same day from the user who
                    filed feedback?

The Watson Viewer will let you dive into crash data.

        [Device Drill](http://devicedrill/EventBrowser?dataSet=ALL&deviceId=g:6896133571424504&focusTimeStamp=2017-10-27T16:07:27&durationAfterMin=10)

        
            
                Want to view telemetry events from this customer's device?

Device Drill lets
you dive into the telemetry of the device this from which this feedback was filed.

Other Links


    
        Link

        Description

    

    
        [Feedback FAQ](http://aka.ms/FeedbackFaq)

        
            
                See the Feedback FAQ for more information about subjective user feedback.
            

        

    

    
        [Where's my CAB? Wiki](http://aka.ms/whereismycabwiki)

        
            
                If you were expecting a CAB but it does not appear in the viewer, please
                see the wiki for more information.
            

        

    

    
        [Translation Volunteers](https://aka.ms/feedbacktranslationvolunteers)

        
            
                For translation assistance, please see the translation volunteers wiki.
            

        

    

    
        [Reporting child pornography](http://aka.ms/FeedbackReportAbuseAndChildPornographyWiki)

        
            
                If attached screenshot(s) is child pornography you must report it using
                instructions listed at the link.
            

        

    






    
        
            Be Heard.
        

        
            [
                //aka.ms/feedback
            ](https://aka.ms/feedback)

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.”

      Changed Status to “Confirmed”

      Changed Title from “Setting scrollLeft programmatically in IE 11 / Edge locks vertical scroll with mouse wheel if overflow-x is hidden” to “Setting scrollLeft programmatically in IE 11 / Edge locks vertical scroll with mouse wheel if overflow-x is hidden”

      Changed Assigned To from “Rick J.” to “Rahul A.”

      Changed Assigned To to “compciatriage@microsoft.com”

      Changed Assigned To from “compciatriage@microsoft.com” to “Rahul A.”

      Changed Status from “Confirmed” to “Fixed”

      Changed Steps to Reproduce

      Changed Title from “Setting scrollLeft programmatically in IE 11 / Edge locks vertical scroll with mouse wheel if overflow-x is hidden” to “DManip workaround for scrolling: Setting scrollLeft programmatically in IE 11 / Edge locks vertical scroll with mouse wheel if overflow-x is hidden”

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

    Sign in