internet-explorer-10

IE10 stop scroll bar from appearing over content and disappearing

by

There is a custom vendor-prefixed CSS property to set: html { -ms-overflow-style: scrollbar; } Other options include auto, none, scrollbar, and -ms-autohiding-scrollbar. The latter causes the behavior you’re experiencing. An excerpt from the MSDN documentation, specifically the abovementioned scrollbar value: Indicates the element displays a classic scrollbar-type control when its content overflows. Unlike -ms-autohiding-scrollbar, scrollbars … Read more

Why is backface-visibility hidden not working in IE10 when perspective is applied to parent elements?

by

I came up against this glitch too and it is definitely a glitch. The workaround is to apply the perspective transform on the child element. I updated your fiddle here: http://jsfiddle.net/jMe2c/ .item { backface-visibility: hidden; transform: perspective(200px) rotateX(0deg); } .container:hover .item { transform: perspective(200px) rotateX(180deg); } (See also answer at https://stackoverflow.com/a/14507332/2105930) I think it is … Read more

Access Denied for localstorage in IE10

by

Our users were having issues with web sites using the LocalStorage feature (including Twitter) on Windows 8 with IE 10. When accessing one of these sites with the F12 Developer Tools open, a SCRIPT5: Access is denied message appeared on the console. After working with Microsoft support, we identified the cause. It turned out to … Read more

keep placeholder on focus in IE10

by

The :-ms-input-placeholder pseudo-class documentation from the Internet Explorer Developer Center seems to imply this is working as designed. The placeholder text is displayed with the specified style until the field has focus, meaning that the field can be typed into. When the field has focus, it returns to the normal style of the input field … Read more

Event fired when clearing text input on IE10 with clear icon

by

The only solution I finally found: // There are 2 events fired on input element when clicking on the clear button: // mousedown and mouseup. $(“input”).bind(“mouseup”, function(e){ var $input = $(this), oldValue = $input.val(); if (oldValue == “”) return; // When this event is fired after clicking on the clear button // the value is … Read more