All Questions
Tagged with internet-explorer-11 svg
52
questions with no upvoted or accepted answers
5
votes
1
answer
706
views
SVG image badly scaled in IE11
I have an external SVG image that won't keep it aspect-ratio in IE11.
.container {
width: 400px;
height: 400px;
display: block;
border: 1px solid blue;
}
img {
max-height: 200px;...
3
votes
0
answers
748
views
CSS Sprites horrible slow using Edge or Internet Explorer 11
We have a Singe Page Application using AngularJS 1.5 and it works smoothly using Chrome but unfortunately we also support IE 11+ and probably Edge and using these browsers, the performance is close to ...
2
votes
1
answer
157
views
Why the gap and width of SVG rectangles, drawn consecutively, are uneven when rendered in IE11?
The gap and width of SVG rectangles are uneven visually when rendered in Internet Explorer 11.
Consecutive rectangles are drawn having same gap and width but in IE11 the gap and width seem to be ...
2
votes
0
answers
362
views
AngularJS, IE11 and mouse events
If we using our Angular-App in Internet Explorer 11, then we observe sometimes following strange behaviour by using filters:
No mouse clicks are possible anymore (only in address bar)
But it's ...
2
votes
0
answers
413
views
AngularJS, IE11, and SVG <use> inside anchors
I am using SVG <use> sprites as described in this CSS-Tricks article. Those icons often live in anchors, as demonstrated below:
<a ui-sref="home">
<svg class="rp-icon">
&...
2
votes
0
answers
937
views
IE 11 magically crashing when doing animation with velocity.js and svg
the js fiddle showing the crash of ie 11 when running velocity.js to do a svg animation
just left click on the arrow with the f next to it
this only happens in IE 11, maybe on other versions of IE ...
2
votes
0
answers
947
views
SVG not resizing Internet Explorer 11
I have an SVG created dynamically which is not being resized correctly in IE11.
All other modes, IE8-IE10 work fine. All other browsers work fine (when I use a special additional CSS). It's just IE11 ...
2
votes
0
answers
1k
views
SVG flickering in IE11
I am experiencing heavy flickering when using SVG/Image in Internet Explorer 11 when using a filter. The image is a transparent PNG.
The HTML:
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"...
2
votes
0
answers
513
views
Why to specify width or height in <object> tag to display SVG in IE11?
I have a svg file i am displaying it in mozilla and chrome. It displayed correctly in ubuntu os. When i tested it in IE11 in windows 7 OS the image is dispalying very small. If i give width or height ...
1
vote
0
answers
208
views
SVG breaks into next line in IE11
My problem is that SVGs inside an a-tag with text in IE11 are breaking into the next line despite of me adding "display: inline" to the SVG.
Also adding "display: flex" on the a-...
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 = "<...
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
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/...
1
vote
0
answers
216
views
Fabric.js text missing in SVG export in IE 11+
As can be seen on the fabric.js site itself.
Text in an exported SVG will not show up in the SVG in IE11.
I'm wondering if this is a known issue, or if anyone has faced &/ fixed it :)
I can't ...
1
vote
1
answer
1k
views
Angular: binding to xlink:href does not update SVG in IE11
I have an Angular 4 app displaying an SVG. The SVG is dynamic and depends on the model. This is achieved by biding to the use xlink:href attribute:
<svg class="svg-icon">
<use [attr.xlink:...