All Questions
Tagged with internet-explorer-11 svg
126
questions
0
votes
1
answer
291
views
Internet Explorer 11 - Dynamic SVG creation [duplicate]
I need to create a JavaScript Framework to build a FlowChart inside the browser.
To manipulate the DOM I use mostly follow function insertAdjacentHTML.
Now I try my current implementation in ...
0
votes
1
answer
943
views
Javascript function won't build an SVG on IE11
I'm creating Google Analytic like graphs using SVGs to plot the data along points. I've sourced a function that will accept an array of points and build them into a path element which is inserted ...
-1
votes
1
answer
497
views
Why is IE11 and Edge incorrectly rendering animation with Font Awesome icons?
I'm using the latest Font Awesome to place SVG images as icons in my navigation bar. They are supposed to remain hidden until you hover on the navigation item, at which point the text slides over and ...
0
votes
0
answers
76
views
ReactJS : Using VX library with IE11?
I try to create an app with SharePoint Framework width ReatcJS and some svg. I use some element of the VX library (text and responsive) (d3.js for react). They work fine with Firefox but they don't ...
0
votes
1
answer
157
views
Internet Explorer 11 and up: toggles on click interactivity in pure SVG?
Is it possible, when working with pure SVG (no Javascript et cetera), to have a user, on Internet Explorer 11 and up (without any further browser plug-ins) click on one part of an SVG, and to thus ...
0
votes
0
answers
83
views
SVG Repeating twice in IE 11,Works Fine in Chrome
This seems to be browser compatibility issue.I am using SVG in my component.Works Fine in Chrome.
<svg
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15">
<path d="M10 8.6l7.8-7....
0
votes
1
answer
43
views
IE11 defaults SVG to 100% width - how to refactor this code?
I am not aware of alternatives to adding width: 1em to the SVG in order to fix the IE11 issue (please see comment in the code). Play with the code in the codepen. Appreciate any help! Thanks :)
https:...
3
votes
2
answers
3k
views
SVG inside link not clickable in IE11 when pointer-events set to None
I have an HTML/CSS file similar to this.
.window{
position: absolute;
width: 150px;
height: 100px;
background-color: #424242
}
svg{
pointer-events: none;
}
.b{
height: ...
3
votes
1
answer
452
views
Base64 svg on ie11 not rendering when resized
I have a particular svg file encoded in base64 that I'm trying to display with an img tag.
My problem is; for this particular svg only the image is not rendered when resized on internet explorer only
...
1
vote
0
answers
4k
views
SVG: Append Title to selfclosing Path concludes with invalid XML in IE11
I encountered a new problem since the latest update of IE11 (11.309.16299.0), which I am able to demonstrate with the following snippet:
var tE = document.createElement("div");
tE.innerHTML = "<...
5
votes
2
answers
3k
views
Centering SVG text on IE11 with text-anchor: middle and alignment-baseline: middle / central
I need to perfectly center a text element in an SVG using IE11.
Desired result (all Evergreen browsers):
IE11 result:
// SVG CODE:
<svg xmlns="http://www.w3.org/2000/svg" width=100% height="100%...
1
vote
1
answer
739
views
SVG - Circle marker not the same size in all browsers (IE11)
I tried adding a small circle marker at the end of the <path> element but noticed its size is different in IE11, but Chrome, Firefox, Edge have the "correct" size. Example: Codepen (Updated in ...
1
vote
0
answers
76
views
Make grayscale on layer NOT <img/> in IE11
How to make equivalent of
.anyClass
{
filter:grayscale(100%);
}
in IE11 for elements other than <img/>?
The code doesn't have to work in IE10 and earlier and other browsers.
I googled ...
1
vote
1
answer
989
views
Vue.js rendering of SVG fragment fails in IE11
I need to fetch a lot of SVG documents from AWS and I use vue.js to render the content of the SVG. This works fine in Chrome, Firefox, Edge and Safari but fails without errors in IE11.
I have created ...
1
vote
0
answers
35
views
SASS inadvertently unencdoding URL-Strings
I'm using SASS in an Angular CLI project, trying to use a URL-Encoded SVG with some style information as a background image.
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/...