nb-choices

nb-choices copied to clipboard

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

Can you suggest a fix, please?

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.