internet-explorer-11

I am facing a problem with mouse-drag event form ArcGIS API for JavaScript 3.9 in Internet Explorer 11 The code is below: map.on("mouse-drag", zobraudalost); function zobraudalost() { alert("test"); } The problem is that, this event doesn´t fire at IE 11 (as well as mouse-drag-start, mouse-drag-end). But on the other browsers it works fine (IE9, Firefox, Chrome). The other problem is that other mouse events (click, mouse-move, etc) work fine on IE 11, so the problem is only with the mouse-drags. Have ever you seen such problem? Do you know if there is some security settings in IE 11 which

Is there any way to prevent the "auto zoom to viewport width" (a.k.a. automatic scaling) feature in Internet Explorer 11? I want to force the browser to follow my max-width rule and prevent it from auto-scaling the page contents to the full width of the viewport. I'm seeing the issue in IE11 on Surface Pro 2 in both "desktop" and "metro" modes. The issue is discussed here and may be related to external displays, although I'm experiencing it with or without an external display attached, and the zooming occurs on both the Surface monitor and on external displays. This page in the Microsoft docs

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 this line is less then 1px in height. If I move the arrow up a notch then it sits inside the container

I'm using flexbox for a layout. My constraint is that the image must be situated at the middle. I've made a minimal markup that reproduces the issue: http://codepen.io/anon/pen/xwNomN It works perfectly well in all browsers EXCEPT on IE 10 and 11, where (as shown in the CodePen) a big amount of empty space is added at the top and bottom of the image. .collection__list { display: flex; flex-wrap: wrap; } .product-item { display: flex; flex-direction: column; justify-content: space-between; } .product-item__figure { position: relative; display: flex; align-items: center; justify-content: center;

Problem: On page load, for a button, SVG which is being called in CSS background appears. On some event, I apply a class and to it call another SVG in CSS background. However that new SVG does not appear. If in debugger, I try to toggle the background, it then starts appearing. What am I missing to get this working in IE11? In Below picture, we are using <button> tag. On some event, the background SVG is changed. CSS Code .buttonIcons{ .svgicon-fields-add{ background-image:url('../assets/themes/svg/arrow_active.svg'); width: 16px; height: 16px; } On disabled state, below is the CSS

I have a Vue-CLI webapp that needs to support IE11. In package.json we have set: "browserslist": [ "> 1%", "last 2 versions", "not ie <= 8", "ie 11" ] and this seems to work for the generated app.x.js files: they don't contain any ... operators for instance. However, the generated chunk-vendors.x.js do contain ... operators, and hence fail on IE11. Relevant parts of the package.json: "devDependencies": { "@vue/cli-plugin-babel": "^3.3.0", "@vue/cli-plugin-eslint": "^3.3.0", "@vue/cli-service": "^3.3.0", "babel-eslint": "^10.0.1", "eslint": "^5.8.0", "eslint-plugin-vue": "^5.0.0", "pug": "^2.0

Please see fiddle: http://jsfiddle.net/ajjp/b7M2H/ <div> <select> <option> Option 1 </option> <option> Option 2 </option> <option> Option 3 </option> <option> Option 4 </option> <option> Option 5 </option> <option> Option 6 </option> <option> Option 7 </option> </select> </div> <div> <input> </input> </div> In Internet Explorer 11 the cursor property changes when hovering over a select option that is over the input beneath. Hoping there is a simple CSS solution. It's an IE bug that seems to persist in every version - z-index and absolute positioning will not work. Since it doesn't cripple

Using IE11, I can display the content of all cookies, write out a cookie, find it, and delete it using JavaScript, even though I have my Privacy set to "Block All Cookies". (And actually, no matter what version I set my IE emulation to, the document.cookie still works.) It works as it should on Chrome with cookies disabled - i.e. document.cookie returns empty/nothing when I try to reference it in the same JavaScript. I'm trying to detect whether the user has cookies turned off in their IE. (Old ASP app that requires IE with cookies. No JQuery. No Modernizr.) To do that, I'm attempting to write