internet-explorer-11

Syntax error in IE11 with Webpack, Babel and React

由 ↘锁芯ラ 提交于 2019-12-20 10:27:49
问题 I'm getting a Syntax Error in my React + Redux project in Internet Explorer 11, but I have no idea why it's caused. I'm using Webpack and Babel to compile it. I tried using babel-polyfill and babel-es6-polyfill, but that didn't help. This is the error I'm getting: SCRIPT1002: Syntax error File: app.js, Line: 70, Column: 1 Line 70 Column 1 is where the eval starts of Webpack: /***/ }), /* 21 */, /* 22 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; eval("\n\nObject

Are Flexbox and vh height units not compatible in IE11?

由 倾然丶 夕夏残阳落幕 提交于 2019-12-20 09:51:04
问题 I'm trying to use a flexbox-based layout to get a sticky footer for my page. This works well in Chrome and Firefox, but in IE11 the footer sits just after my main content. In other words, the main content isn't stretched to fill all of the available space. body { border: red 1px solid; min-height: 100vh; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } header, footer { background: #dd55dd; } main

How to edit 1st instance of text in multiple htm files using batch command?

由 淺唱寂寞╮ 提交于 2019-12-20 06:31:24
问题 I need to remove the first instance of the <P> and </P> tags in multiple .htm files, all in a single directory, using a batch command. Any suggestions. Edit - I just realized that there may be multiple DIVs in the .htm files, and so I would need to remove only the 1st instance of the <P> and </P> tags in each DIV (if any). And to clarify, I only want the tags removed, but do want the content/text in between the tags to remain. Thanks for the answers/comments thus far!!! As for why, long story

justify content flex-end not working for IE

由 佐手、 提交于 2019-12-20 06:18:08
问题 Flex-end working for chrome and firefox, but not working for ie, go through following code .flex-container { display: flex; flex-wrap: nowrap; background-color: DodgerBlue; flex-direction: column;flex-flow:column; justify-content: flex-end;height:100px } <h1>Flexible Boxes</h1> <div class="flex-container"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> <div>7</div> <div>8</div> </div> <p>Try to resize the browser window.</p> <p>A container with "flex-wrap:

getPathValue() function for deep objects

由 ℡╲_俬逩灬. 提交于 2019-12-20 05:38:21
问题 This is a follow-up question to this: getPathValue() function for deep objects with arrays and with packed JSON The accepted answer works very well in most situations: function getPathValue(object, path) { return path .replace(/\[/g, '.') .replace(/\]/g, '') .split('.') .reduce(function (o, k) { return (typeof o === 'string' ? JSON.parse(o) : (o || {}))[k]; }, object); } I now have a new requirement. I need it to work with arrays in the root level. For example, this object: [{"currencyPair":

JavaScriptexecutor setAttribute value on selenium

由 随声附和 提交于 2019-12-20 04:10:06
问题 I was executing a selenium automation on IE11. Now for an Element, say ele; ele.sendKeys(characters) are not working directly. So I was trying to change the 'value' attribute for that <input> tag through JavaScript Executor. Once I change that, I am verifying the same by ele.getAttribute('value') . But that time I am getting that the value is still null like earlier. And My test is also failing for the same. HTML code <form id="upload" method="post" action="/upload" enctype="multipart/form

On IE 10+, will document.referrer be blank when read inside an iFrame?

由 孤人 提交于 2019-12-20 03:52:55
问题 On all other recent browsers, reading document.referrer from an app which runs inside an iframe would return the URL of the parent site. On IE 11, however, it seems to be returning an empty string. I want to confirm whether this is the expected behaviour on IE 10+, but googling hasn't turned up much about this particular scenario. MS's documentation is a bit vague: This property returns a value only when the user reaches the current document through a link from the previous document.

IE11 blurry right hand edge of DIV with border-radius

由 北城余情 提交于 2019-12-20 03:25:06
问题 I have a problem in IE 11 (On Windows 7) where the right hand edge of a DIV that has a border-radius specified looks blurry. Take a look at this example:- <!DOCTYPE HTML> <html lang="en"> <head> <title>Test Page</title> <style> body { background-color: red; } .Container { background-color: black; margin-left: auto; margin-right: auto; padding-left: 25px; padding-right: 25px; padding-top: 10px; min-height: 300px; width: 600px; } .Surround { background-color: lightgreen; border-radius: 7px;

Unhandled promise rejection SyntaxError: Expected ':' getting this on IE11 with vuejs+ vuetify project

由 好久不见. 提交于 2019-12-19 17:31:23
问题 I have a project in vuejs + vuetify, the project is running fine on chrome browser but when I run the project on Internet Explorer 11 It only shows me the session pages and when i hit the login button it gives me this error Unhandled promise rejection SyntaxError: Expected ':' in console and I have to hit the login button twice to enter the app. Here I do not see the main content of page, only sidebar menu gets displayed and the main content is not renderd and I again get an error in my

background size cover IE11 not covering full area

由 守給你的承諾、 提交于 2019-12-19 11:35:27
问题 I'm going bonkers. IE11 refuses to fill the entire area of a DIV with a background image, even though I've set the background-size property to cover. Consider the following example: CSS: .bg { width: 100%; min-height: 220px; background: url("bg.jpg") center top no-repeat; background-attachment: fixed; background-size: cover; } HTML: <div class="bg">bla</div> <div class="bg">blabla<br />blabla</div> Chrome, Firefox, Safari, Opera all do what I expect to happen: the background image, bg.jpg, is
订阅 internet-explorer-11