Comments (13)
I, too, can replicate this issue. We upgraded our Windows machine today to Windows 10, and our svg-sprites are broken in Edge.
We're using v1.0.0 – (I didn't even know this project upgraded to 2.0)
from svg4everybody.
The UA string in the VM is just
Mozilla/5.0 (Windows NT 10.0; Win64; x64)
Which means the regex test will fail, it looks for the string Edge/12
which obviously it does not find. 2.0.0 does work in a real version of Windows 10 with Edge, I guess the VM build is just out of date.
from svg4everybody.
<use>
is in the latest preview now:
from svg4everybody.
Upgrading to 2.0 worked for us. Based on our tests, this issue can probably be closed.
from svg4everybody.
hmm, insider preview win10, build 10532 and Edge does not show my SVG sprites. I'm using latest build of SVGforeverybody, 2.0 and doing images with <use>
Will download new insider preview today, build 10547, and see if it works now.
...
Aha! New version of Edge, 21.10547.0.0 works!
from svg4everybody.
Edge now supports SVG external content.
from svg4everybody.
Insider build 14267.rs1_release.160213.0213
with Edge version 31.14267.1000.0 and EdgeHTML version 14.14267
does not work.
from svg4everybody.
@srife, is does not work as in the polyfill unnecessarily applies or that it does not apply and external content is not working?
from svg4everybody.
Good question... I was having a problem with WakaTime, which apparently uses this project to display graphs. The graphs on their website were not displaying properly, so I sent a message to WakaTime. After chatting with Alan at Wakatime he pointed out this page and said he was using this to display the graphs.
I've attached an image of what one of the graphs looks like.
Other than that, I'm kind of clueless. I hope this is enough info to let you sort things out.
from svg4everybody.
Currently we removed svg4everybody since it wasn't working, in case someone is checking the production WakaTime website.
Those labels are svg text
elements, so it looks like Edge is partially rendering SVG?
from svg4everybody.
@alanhamlett, I’m still looking for details of the issue. Is svg4everybody causing a problem? Is Edge 13 not rendering an external SVG? If you’ve removed svg4everybody, does this mean you are not using external svgs with <use>
or that your site no longer works for older Edge and IE9-11 users?
from svg4everybody.
The svgs are not external, they are added to the dom from JS using c3. After rendered I was executing svg4everybody()
but nothing changed in the svg.
Is Edge 13 not rendering an external SVG?
Not sure, because these SVGs were never using external content with <use>
. I was mistaken when I thought svg4everybody helps render any svg content not just external.
If you’ve removed svg4everybody, does this mean you are not using external svgs with or that your site no longer works for older Edge and IE9-11 users?
The site works for IE9-11 without svg4everybody because we aren't using external svg elements.
This looks like the wrong use-case for svg4everybody since I'm not using external svg elements. It's just a bug in Edge with rendering normal svg.
from svg4everybody.
👍
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.