overflow on <pre> not working if @ms-viewport is set on IE10 on WP8/GDR2 - by Christof7

Status : 

  External<br /><br />
		This item may be valid but belongs to an external system out of the direct control of this product team.<br /><br />
		A more detailed explanation for the resolution of this particular item may have been provided in the comments section.

ID 803979 Comments
Status Closed Workarounds
Type Bug Repros 0
Opened 9/30/2013 12:53:59 PM
Access Restriction Public


The example given at http://jsbin.com/IFIkAQU/5/edit uses a <pre> (with some code example content I needed for a website). As it is code the lines should not break if the space is not sufficient but an overflow scroll behavior should be triggered.

This does work, even if white-space: pre-line; is set for the pre.

To support IE10 on Windows 8 snapped mode I use the @ms-viewport rule with width: device-width;

This does not work anymore and seems to prevent IE10 on Windows Phone 8 (GDR2, tested on Nokia Lumia 720) to "overflow" the pre. The content inside the pre is just not reachable and therefor makes a page using this unusable. OTOH omitting the viewport rule makes it almost unusable in IE10 desktop :(

Thanks for any help!
Sign in to post a comment.
Posted by Microsoft on 4/4/2016 at 9:40 AM
We've moved! This issue is now being tracked at https://developer.microsoft.com/microsoft-edge/platform/issues/512004/
Posted by Christof7 on 8/11/2014 at 12:38 PM
Seems this is FIXED in IE11 (Windows Phone 8.1 Update 1 Developer Preview, tested on Lumia 920).
Posted by Tomasz Janczuk on 11/11/2013 at 3:45 PM
Several people report the same issue here: http://stackoverflow.com/questions/13996387/div-overflow-scrolling-when-ms-viewport-is-specified. Apparently setting @-ms-viewport { width: auto } enables overflow scrolling, but is not an acceptable solution for many applications.
Posted by Microsoft on 10/1/2013 at 1:02 PM
Thank you for your feedback. We will be investigating this issue further.

Best regards,

The Internet Explorer Team