Comments (8)
I'm having the same problem with SVGs that internally contain <use>
elements. In my case, IE11 finally gives a message saying that a script has become unresponsive, and I have to click the button to stop the script.
from svg4everybody.
I too am having this problem with SVGs that contain <use>
elements. In IE 10 and IE 11 I get an error about an unresponsive script and the browser freezes up. It only happens when I include svg4everybody v2.0.0 ... if I switch back to v1.0.0 then everything works fine in IE10 and IE11, but there's no IE Edge support (so it seems) with v1.0.0 (I did not test v2.0.0 with Edge as I had such problems in IE10 and IE11).
from svg4everybody.
I can confirm this as well with svg's that internally use <use>
elements. Removing the <use>
element fixed this issue for me as this was unnecessary markup for the svg itself. This will probably not be the fix for all related issues, as some svg's would depend on the <use>
element for proper display.
from svg4everybody.
I'm also experiencing this issue. Unfortunately, I can't remove the use elements in my case...
from svg4everybody.
I was having this exact issue and finally solved it. IE 11 would freeze, then display a 'script has become unresponsive' message.
I was rendering 6 svg's, of which 1 would never display after I stopped the script. I removed this svg from the page and everything ran smoothly.
After comparing that svg to the others, it included a clippath
. I removed the clippath
and it resolved the issue.
<clipPath id="SVGID_2_">
<use xlink:href="#SVGID_1_" overflow="visible"/>
</clipPath>
Not sure if this is the ultimate solution, but worked for me.
I'm using the legacy version, and instantiating it with no options: svg4everybody()
from svg4everybody.
I suffered the same issue but with IE10, IE11 and Edge.
Someone has already sent a pull request to fix this issue and it works for me!
#86
from svg4everybody.
#86 worked for me to.
from svg4everybody.
Glad #86 worked for everyone back in November. Closing this now.
from svg4everybody.
Related Issues (20)
- Not working for MS Edge HOT 3
- can't make href work using svg4everybody HOT 1
- svg4everybody is not defined
- Add workaround for SVG print bug in Firefox
- svg-chrom HOT 1
- SVG transform animateTransform not working in IE11 and Edge 42
- linearGradient for svg4everybody HOT 2
- run the polyfill only on selected dom element and its children
- Validate Not Running After Page Start
- Inlining External SVG
- Inlining External SVG from sprite, SVG doesn't display correctly HOT 3
- PreserveAspectRatio attribute is stripped out on IE11
- Add option to always replace contents ignoring browser support HOT 2
- Empty XHR embeds after splice(0)
- import does not seem to work properly
- Generate png from svg
- Svg4everybody not working on all svgs in IE11 HOT 2
- Suggestion: Suggest loading the script with the nomodule attribute HOT 2
- Issue with iPhone5 / Safari6
- Link to kartikprabhu.com "Inline SVG Icons" is broken; Archive.org link provided
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from svg4everybody.