question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

svg icons inside slick are not visible in IE11

See original GitHub issue

after slick initialization svg icons inside become invisible in IE11 browser Other icons outside of slick still be visible. svg-icon use via <symbol> sprite and include via <use> tag

structure of my document

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:15

github_iconTop GitHub Comments

5reactions
stoykostanchevcommented, Nov 21, 2016

This solved the issue for me: http://stackoverflow.com/questions/33040911/svg-icons-dissapears-in-windows-10-ie-11-using-jquery-sortable Basically - seems it’s an IE problem, and the fix is refreshing the SVG’s href after it has been re-added to the DOM. I hooked to slick’s init event and that got the job done.

0reactions
leggomuhgreggocommented, Dec 3, 2016
Read more comments on GitHub >

github_iconTop Results From Across the Web

SVG Icons not showing in IE 11/Edge - Stack Overflow
I have verified that the Document Mode in IE is Edge/Standard. How can I solve this problem? internet-explorer · svg · data-uri.
Read more >
SVG Icon not rendering in IE11 from Lightning component in ...
First, IE 11 is not the same as Microsoft Edge. ... new lightning components that appear to be working in IE as well...
Read more >
Untitled
(31120,27): run-time error CSS1039: Token not allowed after unary operator: '-vh' (31125 ... vertical-align: middle;} svg:not(:root) { overflow: hidden; } ...
Read more >
Show HN: CSS ICON, an icon set crafted by pure CSS
CSS icons may be slightly slower than an optimized SVG due to the overhead of restyling and layout. Also, the browser-side painting may...
Read more >
Preventing Content Reflow From Lazy-Loaded Images
That CSS is telling images not to exceed the width of the element that ... However, the real benefits that make the URL-encoded...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found