microsoft-edge

Preventing high-contrast mode in Edge from adding background to text

馋奶兔 提交于 2019-12-10 10:51:41
问题 I'm working to adjust some components so that they all function and look good in high-contrast mode. Edge seems to be adding a black background under all text that IE11 does not add. I can't seem to find a way to target this background in CSS, or any other way to normalize the behavior between the two browsers. For example, let's say I have the following: <div class="SelectedText"> Text! </div> And let's say I assigned background-color: cyan; and color: black; to the .SelectedText div. In

Svg shows different on Firefox and Edge

 ̄綄美尐妖づ 提交于 2019-12-10 10:39:31
问题 I'm having some trouble with a svg image that has a number in the middle. It shows correct when using Chrome and other browsers but in Firefox and Edge the number gets wrong position. Link Here is my code. #maindiv { position: relative; width: 50px; height: 50px; } .number { font-family: initial; font-size: 2.5em; font-weight: 700; text-align: center; } <div id="maindiv" class="" style=""> <svg viewBox="0 -10 50 90" enable-background="new 0 0 50 50"> <defs> <!-- Background image for the svg -

Javascript pageY issue with Microsoft Edge browser

时光总嘲笑我的痴心妄想 提交于 2019-12-10 09:23:17
问题 I want to create a simple script that will detect if user mouse leave window. Solution is already described here by using mouseout event. The problem with this solution is that it will trigger action also if user goes with mouse to scroller. So I added extra if condition e.pageY < jQuery(window).scrollTop() to this code: addEvent(document, "mouseout", function(e) { e = e ? e : window.event; var from = e.relatedTarget || e.toElement; if ((!from || from.nodeName == "HTML") && e.pageY < jQuery

Angular 5: Http failure response for (unknown url): 0 Unknown Error in EDGE browser when calling api

橙三吉。 提交于 2019-12-10 08:34:20
问题 I have a angular 5 application which calls a .NET Core 2.0 backend api. Call to the API from the angular service works fine in all browsers (Chrome, Firefox, IE11) but not in EDGE. In EDGE, i am getting the error Http failure response for (unknown url): 0 Unknown Error. It is a CROSS ORIGIN CALL and Cors has been enabled in the API as below. Right now i am enabling for any origin services.AddCors(options => { options.AddPolicy("AllowAllOrigins", builder => { builder.AllowAnyOrigin()

IE/Edge not applying transform: translate to table row

爱⌒轻易说出口 提交于 2019-12-10 02:21:08
问题 When adding a CSS transformation like transform:translate(0px, -45px) to a table row, Internet Explorer (tested 10 and 11) and Microsoft Edge do not correctly display the transformation. Using some simple code as an example: <table style="width:500px;"> <tbody> <tr style="height: 30px; background-color:red; color:white;"> <td>1</td> </tr> <tr style="height: 30px; background-color:blue; color:white;"> <td>2</td> </tr> <tr style="height: 30px; background-color:yellow; color:black; transform

Angularfire firestore queries incredibly slow in Internet Explorer and Microsoft Edge

假装没事ソ 提交于 2019-12-09 23:58:16
问题 I have an Angular web app that uses Firestore for data. In Chrome, Firefox and Safari everything is working as expected. I've opened the app on Microsoft Edge and it's taking up to 30 seconds to fetch a collection of 4 items. Once the page loads and I click on an item to go into a 'detail' view, the load time is also just as long. Each item in a collection only has an image, title, date and reference string. The detail page has the same data and another 4 pieces of metadata, all of which are

Workaround for blob as src to iframe in Edge

三世轮回 提交于 2019-12-09 22:39:50
问题 I've built a CodePen-like editor that's client side only. It works by letting you edit HTML, JS, and CSS, and then when you click run, it generates a blob and sets some iframe src to that blob. This works in Firefox(49), Chrome(53), Safari(10) but it doesn't work in Edge Is there a workaround? I thought about using a dataURL but according to caniuse that's not supported in Edge either. var html = ` <h1>hello world</h1> <gscript src="https://cdnjs.cloudflare.com/ajax/libs/chroma-js/1.2.2

Are there alternatives for ActiveX In Microsoft Edge?

孤街醉人 提交于 2019-12-09 18:34:23
问题 Microsoft has announced the Edge browser, which does not support ActiveX. I have an app that needs to get info from the Windows registry, so I have some questions about alternatives to ActiveX: Is there a way to communicate with a native app (that can read from the Windows registry) from Edge or something similar (like native messaging in Chrome)? Is there a way to directly access the Windows registry from Edge, Javascript, or the like? 回答1: Currently I see no way for you to access the

How to make clip-path work on Microsoft Edge?

自作多情 提交于 2019-12-09 14:40:38
问题 While making a clipped header for Firefox and Microsoft Edge(ME), I used clip-path . It works in Firefox just by putting clipPath element inside an SVG element and a clip-path style inside the HTML element. When I open this same code on ME, it doesn't show anything. html,body,header { margin:0px; height:100%; font-family: Arial Unicode MS; } button:hover { transition:background-color 0.5s linear; } a:hover,li:hover { opacity: 0.5; transition:opacity 0.4s linear } #header { width: auto; height

How can I open a local HTML file in Microsoft Edge browser?

六眼飞鱼酱① 提交于 2019-12-09 04:20:10
问题 Since time immemorial, most web browsers have been able to open a local file if you ran the web-browser executable, for example just execute iexplore.exe file:/c:/temp/file or via the IShellDocView interfaces. I am trying to do this from within my own program, in Windows 10, with Microsoft Edge, and am unaware of how to do it. The executable appears to be completely undocumented, does not respond to /? or /help, and simply crashes no matter what I pass to it, and given that the path appears