The issue isn’t vh units but min-height I found a semi-working CSS-only solution: min-height: 100vh; height: 100px; The extra height will enable IE to fill the screen vertically even if the content is not tall enough. The drawback is that IE will no longer wrap the content if it’s longer than the viewport. Since this … Read more
There currently is not a dedicated Cookie viewer in the IE11 F12 Developer tools. There are two possible workarounds: Inspecting cookies within the “Detailed view” in the Network tab Running ‘document.cookie’ in the Javascript console
This unfortunately breaks other things. Here is the fix I found on another site that seemed to work for me: I’d say leave the X-UA-Compatible as “IE=8″ and add the following code to the bottom of your master page: <script language=”javascript”> /* IE11 Fix for SP2010 */ if (typeof(UserAgentInfo) != ‘undefined’ && !window.addEventListener) { UserAgentInfo.strBrowser=1; … Read more
It looks like a bug where box-sizing is not being taken into account when calculating the size using the flex property. As the border takes up 2px, it is larger than 50% and thus only one fits on a line, so all boxes are stretched to the full width. You can see the same thing … Read more
Hamlet, in the comments to OP question, gave the correct answer. Uncheck the following option: Internet Options > Advanced > Disable Script Debugging (Internet Explorer)
It is caused by the 0% in your .flex class. Change it to auto then it should not be a problem: .flex { flex: 1 1 auto; }
I would attach a REAL OS debugger to the browser and try and determine if IE is actually spinning off a thread to execute the XHR. This is a difficult investigation but it would explain a lot. Most browsers do and then marshal callbacks and data back to the MAIN UI THREAD. But IE is … Read more
It sounds as though you’re not in a modern document mode. Internet Explorer 11 shows the SVG just fine when you’re in Standards Mode. Make sure that if you have an x-ua-compatible meta tag, you have it set to Edge, rather than an earlier mode. <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> You can determine your document mode by … Read more
IE11 needs the parent to have flex-direction: column. This example has your button rotated: #div { height: 200px; width: 50px; border: 1px solid black; display: flex; align-items: center; justify-content: center; flex-direction: column } #button { height: 50px; width: 200px; min-width: 200px; border: 1px solid black; background-color: red; transform: rotate(90deg); } <div id=”div”> <button id=”button”>HELLO</button> </div>
I had similar problems with flexbox and box-sizing: border-box;. The latter one just doesn’t seem to work in IE. Width wouldn’t work in this case since padding will change it – but if you can use max-width, that should fix the problem.