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.

Sprite prefix not getting added to the fragment identifier correctly.

See original GitHub issue

Introduced in v3.0.1: https://github.com/cascornelissen/svg-spritemap-webpack-plugin/releases/tag/v3.0.1

This fix breaks the current new ^3.X.X releases, sicne it now outputs double prefixed classes in CSS. sprite.svg#myprefixtest-myprefixtest-closure-view

While the ID’s in the SVG remain myprefixtest-closure-view

I tested this by editing css.js (by undoing this change) and that fixed it. https://github.com/cascornelissen/svg-spritemap-webpack-plugin/commit/ecb233cc372830d5792b67db49ffd3a34bd3bd94

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:12 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
cascornelissencommented, Feb 5, 2020

Would you be willing to submit a PR for this? And do all the tests still pass when making this change?

0reactions
cascornelissencommented, Jun 2, 2020

Forgot to update the issue but this was fixed in 3.5.6 🚀

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to create an svg sprite which supports fragment identifiers?
The problem is that the original icons from the sprite have similiar viewBoxes, all start at x-coordinate 0 and y coordinate 0 and...
Read more >
svg-sprite - npm
SVG sprites & stacks galore — A low-level Node.js module that takes a bunch of SVG files, optimizes them and bakes them into...
Read more >
Icon System with SVG Sprites - CSS-Tricks
Icon fonts seem to fail in weird ways. For instance, you map the characters to normal letters, then the font loading fails and...
Read more >
SVG Links - W3C Wiki
But don't despair - XLink is still not that complicated to get the hang of; ... an id on the element you want...
Read more >
NEWS
Added getShaders() function to get shaders used in WebGL. Now detects if rgl is running ... did not return the correct id for...
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