All Questions
Tagged with internet-explorer-11 svg
126
questions
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 ...
- 2,538
1
vote
2
answers
418
views
Responsive SVGs on InternetExplorer with SVG injection
To make SVGs responsive on our website with Internet Explorer 11 I am using the "Canvas Hack" by Nicholas Gallagher. This hack uses an extra canvas element to make use the SVG keeps the aspect ratio. ...
- 21
5
votes
2
answers
5k
views
IE11 - Object doesn't support property or method 'contains'
Working with Rappid I encountered an error in IE11 console:
Object doesn't support property or method 'contains'
This error is from an SVGElement not having that method. Same code in Chrome works.
...
- 760
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,568
0
votes
0
answers
93
views
IE11 - SVG printing not showing all drawn elements
I'm trying to print my svg on IE, but only half of the svg is printed, the other half is hidden no matter how much width I set for the svg in @media print. Hope someone can help!
Here is the code:
<...
- 731
0
votes
1
answer
171
views
SVG images not being clipped to width of SVG container in IE11
When displaying some SVG icons within an SVG of a fixed width, they should be clipped to the width of that SVG container.
In all sensible browsers this works fine but in IE11 the icons extend beyond ...
- 12.6k
0
votes
2
answers
236
views
Simple SVG project cause error on Internet Explorer 11
I am learning svg and would like to compare displaying svg items on different browsers. My code works fine on firefox, chrome, edge, safari etc, but cannot work on ie11. Unfortunately application I ...
- 2,547
0
votes
1
answer
77
views
SVG getting distorted in IE
I am trying to embed an svg into a web page. It works fine in Chrome and Firefox but gets completely distorted in IE. Please use the below svg block of code as reference:
<svg width="33" ...
- 26
1
vote
2
answers
3k
views
IE11 won't display inline SVG background-image
span {
background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12px' height='8px' ...
- 2,922
1
vote
2
answers
504
views
Find parent "SVG" element in Internet Explorer
var HELPERS = {
getElem: function($this) {
return HELPERS.findAncestor($this, "svg");
},
findAncestor: function (el, sel) {
while ((el = el.parentElement) && !((el.matches || el....
- 101k
1
vote
1
answer
55
views
IE11 filter attribute not supported
I tried the below code and noticed in IE11, the second circle did not appear at all. Once I removed the filter="url(#blurMe)" from the second circle tag, I was able to see the green second ...
- 11.1k
0
votes
1
answer
60
views
Why isn't internet explorer displaying my .svg images correctly?
I have an image in my html file:
<img src="../path-to-image/image.svg" class="image-class" />
and some simple css:
.image-class{
height: 80px;
width: 80px;
}
However, instead ...
- 4,063
0
votes
2
answers
289
views
IE11 SVG transform: translate not working
I want to animate a circle
@keyframes animation {
0% {
opacity: 0;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
opacity: 1;
-webkit-...
- 6,645
1
vote
1
answer
905
views
cannot apply drop shadow in IE11
how can i show in internet explorer 11 the same shadow that I can apply in chrome using this rule?
filter: drop-shadow(6px 6px 7px rgba(0,0,0,0.5));
This is my working chrome markup HTML
<...
- 755
22
votes
1
answer
13k
views
How to prevent SVG elements from gaining focus with tabs in IE11?
There is an inline SVG element among my HTML form elements. When I navigate through my elements with the Tab key, the SVG element gets focused, in IE11 only, even if the SVG element has the tabindex="-...
- 99