Home Dashboard Directory Help
Search

IE, Standards mode, All versions: Scrollbars on root-element by Terje Rosenlund


Status: 

Resolved
 as Won't Fix Help for as Won't Fix


Type: Bug
ID: 795170
Opened: 7/27/2013 4:37:53 AM
Access Restriction: Public
0
Workaround(s)
view
0
User(s) can reproduce this bug

Description


Having overflow = 'scroll' for document.body (<body>) AND document.documentElement (<html>) may result in 2 scrollbars for the root element
All browsers allow document.head.style.display = 'block' which makes it possible to display content in the document head and 2 scrollbars may be usefull in this situation

IE always shows 2, even when document.head.style.display = 'none' (default)
All other browsers shows scrollbars for the body-element only when there is something to display in the head

IE's default setting for document.documentElement.style.overflow is = '' => default = 'visible' and interpreted as 'auto'
Default for document.body.style.overflow = 'auto'

You may therefore end up with a horisontal scrollbar on the body element and a vertical srollbar on the html-element (or vica-versa) which is very confusing.
Developers should use the html-element as the scrolling element for the document to assure same functionality in all browsers (set body-overflow hidden)
Details
Sign in to post a comment.
Posted by Microsoft on 2/14/2014 at 2:55 PM
Hello Terje,
     I wanted to check with you to find out if the issue is reproducible on your pc after installing the latest update for Internet Explorer. Are you able to reproduce the issue after installing the MS14-010 http://technet.microsoft.com/en-us/security/bulletin/ms14-010 which will bring your build up to 11.0.9600.16518.

Best regards,
The Internet Explorer Team
Posted by Terje Rosenlund on 8/13/2013 at 12:35 PM
Further investigation shows that I'm wrong. 2 horisontal scrollbars may appear if the body element overflows. Default settings always assigns vertical scroll to the scrollbar on document.documentElement but may distribute horisontal scroll between the two.

Not very intuitive but IE acts like other browsers in this respect as far as I can se.

On the other hand, there is a bug regarding mousemove-events fired from the scrollbar on document.documentElement where event.srcElement is not set but contains an empty object
Posted by Microsoft on 8/7/2013 at 9:57 AM
Thank you for your feedback.

In order to expediate the investigation of this issue, please attach a sample page or url that reproduces this issue.

Best regards,

The Internet Explorer Team
Posted by Microsoft on 7/30/2013 at 12:20 PM
Thank you for your feedback. We will be investigating this issue further.

Best regards,

The Internet Explorer Team
Sign in to post a workaround.