NetanelBasal/nb-choices

Firefox not display svg background-image

tonghia opened this issue · 2 comments

tonghia commented

I'm submitting a...


[ ] Regression (a behavior that used to work and stopped working in a new release)
[x ] Bug report  
[ ] Feature request
[ ] Documentation issue or request

Current behavior

background-image styles that use SVG are not displayed on Firefox.

Expected behavior

background-image styles that use SVG should be displayed on Firefox.

Minimal reproduction of the problem with instructions

Open:
https://stackblitz.com/edit/nb-choices
on Firefox.
Select some item in Multiple select or Multiple select with checkbox.
Selected items are not display remove icon.

Environment

Browser:

  • Chrome (desktop) version XX
  • Chrome (Android) version XX
  • Chrome (iOS) version XX
  • [ x] Firefox version 59.0.1 (64-bit) on Ubuntu, Window and Mac
  • Safari (desktop) version XX
  • Safari (iOS) version XX
  • IE version XX
  • Edge version XX

Others:
I think the issue reason is here:
https://stackoverflow.com/questions/30676125/svg-as-data-uri-triggers-xml-parsing-error-in-firefox

NetanelBasal commented

Can you suggest a fix, please?

tonghia commented

Because in the SVG image we use colorIndex as a parameter so it is hard to continue with SVG. So at the moment, I use font-awesome to solve the issue, but I think you could use 'x' text to solve this issue.

Sorry for could not give you a better solution.