[UPDATE] The original question, and the answer below applied specifically to the IE11 preview releases. The final release version of IE11 does in fact provide the ability to switch browser modes from the Emulation tab in the dev tools: Having said that, the advice I’ve given here (and elsewhere) to avoid using compatibility modes for … Read more
There’s an IE polyfill for the CustomEvent constructor at MDN. Adding CustomEvent to IE and using that instead works. (function () { if ( typeof window.CustomEvent === “function” ) return false; //If not IE function CustomEvent ( event, params ) { params = params || { bubbles: false, cancelable: false, detail: undefined }; var evt … Read more
Go to Control Panel -> Programs -> Programs and features Go to Windows Features and disable Internet Explorer 11 Then click on Display installed updates Search for Internet explorer Right-click on Internet Explorer 11 -> Uninstall Do the same with Internet Explorer 10 Restart your computer Install Internet Explorer 10 here (old broken link) I think it … Read more
Edit 18 Nov 2016 This code also work (for those who prefer another solution , without using ActiveX) var isIE11 = !!window.MSInputMethodContext && !!document.documentMode; // true on IE11 // false on Edge and other IEs/browsers. Original Answer In order to check Ie11 , you can use this : ( tested) (or run this) !(window.ActiveXObject) && … Read more
According to the MDN reference page, includes is not supported on Internet Explorer. The simplest alternative is to use indexOf, like this: if(window.location.hash.indexOf(“?”) >= 0) { … }
As xec mentioned in his answer, this behavior is caused by the @-ms-viewport setting. The good news is that you do not have to remove this setting to get the scrollbars back (in our case we rely on the @-ms-viewport setting for responsive web design). You can use the -ms-overflow-style to define the overflow behavoir, … Read more
Add this to your code: .child { width: 100%; } We know that a block-level child is supposed to occupy the full width of the parent. Chrome understands this. IE11, for whatever reason, wants an explicit request. Using flex-basis: 100% or flex: 1 also works. .parent { display: flex; flex-direction: column; width: 400px; border: 1px … Read more
IE11 no longer reports as MSIE, according to this list of changes it’s intentional to avoid mis-detection. What you can do if you really want to know it’s IE is to detect the Trident/ string in the user agent if navigator.appName returns Netscape, something like (the untested); function getInternetExplorerVersion() { var rv = -1; if … Read more
Use a combination of Microsoft specific CSS rules to filter IE11: <!doctype html> <html> <head> <title>IE10/11 Media Query Test</title> <meta charset=”utf-8″> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <style> @media all and (-ms-high-contrast:none) { .foo { color: green } /* IE10 */ *::-ms-backdrop, .foo { color: red } /* IE11 */ } </style> </head> <body> <div class=”foo”>Hi There!!!</div> </body> … Read more