internet-explorer-11

Injecting browser prefixes for grid not working with Vue

ぐ巨炮叔叔 提交于 2020-05-15 06:15:08
问题 I've blown an afternoon on this already and I'm stumped. I clock that IE11 doesn't support grid-template and that I need to use -ms-grid-columns and -ms-grid-rows instead but I'm trying to generate some CSS and inject it via a Vue method. This works in every browser except IE11: gridTemplate: function(){ var gridTemplate = "display: grid;"; gridTemplate += "grid-template: repeat(4, 1fr ) / repeat(4, 1fr);"; gridTemplate += "grid-gap: 3px;"; return gridTemplate; } So, to try and get it working

“react-app-polyfill” doesn't work in IE11

爱⌒轻易说出口 提交于 2020-05-09 07:45:10
问题 My React App is not working on IE 11. My client wants the app to work on at least ie11. So, i have to solve this error. I tried the official documentation from "react-app-polyfill". But it still doesn't work. Please help me. src/index.jsx import 'react-app-polyfill/ie11'; import 'react-app-polyfill/stable'; import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import * as serviceWorker from './serviceWorker'; import { Provider } from

SameSite=None w/ Secure Breaking iFrame in IE11

岁酱吖の 提交于 2020-04-30 11:43:15
问题 With the recent changes it seems that SameSite cookie attributes are throwing a wrench into my website now. A cross-browser iframe that was working before on my site is now broken - even with the SameSite=None; Secure being passed through the iFrame in the response header. I've seen very different reports from people saying Windows 7 doesn't support SameSite=none. Others saying the Secure is breaking or not breaking it. But even the current Microsoft documentation doesn't lay out exactly how

How to enable async/await with babel with support for IE11

孤街浪徒 提交于 2020-04-29 23:41:20
问题 I am hoping to use async/await in my source code and have it transpiled by babel to something useable by >0.25% not dead . My head is spinning with the plethora of ways to attack this. Some are deprecated, some flat out don't work, and the one that I have gotten to work more than doubles the size of my library. I've tried using @babel/polyfill with @babel/plugin-transform-async-to-generator and it works well, but the library goes from ~500kB to ~1.1MB. I also tried leaving it to @babel/preset

How to enable async/await with babel with support for IE11

北慕城南 提交于 2020-04-29 23:36:49
问题 I am hoping to use async/await in my source code and have it transpiled by babel to something useable by >0.25% not dead . My head is spinning with the plethora of ways to attack this. Some are deprecated, some flat out don't work, and the one that I have gotten to work more than doubles the size of my library. I've tried using @babel/polyfill with @babel/plugin-transform-async-to-generator and it works well, but the library goes from ~500kB to ~1.1MB. I also tried leaving it to @babel/preset

IE Developer Tools breakpoints are not working

旧城冷巷雨未停 提交于 2020-04-10 06:48:11
问题 I'm trying to debug some javascript in IE 11 and I'm not able to force it to stop on a breakpoint. debugger; line works fine (stops debugger in that line), same file without a debugger; line but with a breakpoint set in the same place does nothing (function works fine, but debugger does not stop on a breakpoint). Chrome's and Firefox's debuggers stop on breakpoints in the same places. Any thoughts what could be the cause of this behavior? 回答1: Hamlet, in the comments to OP question, gave the

Targeting IE 11 in css not working

杀马特。学长 韩版系。学妹 提交于 2020-04-09 19:15:08
问题 I'm trying to fix a tiny layout issue in IE11 where slider pip jumps out of its place (it's fine in the rest of major browsers) I've added media query to stylesheet (below) but no luck. I've also tried conditional code, various hacks etc. But nothing worked or affected all browsers. I've spent a couple of hours trying various solutions without any luck and ran out of ideas. Need help please. Layout issue illustrated @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

Input type color not working in IE 11

。_饼干妹妹 提交于 2020-03-26 12:40:13
问题 HTML-5 color type is not working in IE 11 browser and working in chrome browser as i expect. Kindly check this in both chrome browser and IE-11, give me your suggestion, Thanks in advance. <div class="col-sm-8 cngcolor"> <input type="color" id="background" name="background" value="#ffffff" list="colors" class="input-xs show-tick ng-pristine selectpicker form-control"> <datalist id="colors"> <option>#ffffff</option> <option>#ff0000</option> <option>#000000</option> </datalist> </div> 回答1: The

Override/Intercept XMLHttpRequest response in all browsers

大城市里の小女人 提交于 2020-03-25 19:15:14
问题 What do I want to achieve ? I want to intercept the XMLHttpRequest and modify the response for some particular requests. (For ex. decrypt content and assign it to back response) What I have done so far ? Below code intercepts the request and modifies the response. It works in all browsers (Chrome, Firefox, Opera, Edge) except IE 11. const dummySend = XMLHttpRequest.prototype.send; XMLHttpRequest.prototype.send = function () { const _onreadystatechange = this.onreadystatechange; this

IE11 draws small line between positioned elements

血红的双手。 提交于 2020-03-19 05:21:10
问题 I constructed a thought bubble with HTML and CSS and found an issue solely on IE11 - every other browser (down to IE9) works great. The idea is simple: Have a container that contains text and give it a background-color and round corners. Then put another element into it and make it look like an arrow. Position the arrow so that it sits right next to the container. The problem: Somehow, even though the arrow sits perfectly adjusted, there is a very small line between arrow and container. And