Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Firefox not display svg background-image #6

Open
7 tasks
tonghia opened this issue Mar 22, 2018 · 2 comments
Open
7 tasks

Firefox not display svg background-image #6

tonghia opened this issue Mar 22, 2018 · 2 comments
Labels
bug Something isn't working help wanted Extra attention is needed

Comments

@tonghia
Copy link

tonghia commented Mar 22, 2018

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
Copy link
Owner

Can you suggest a fix, please?

@NetanelBasal NetanelBasal added bug Something isn't working help wanted Extra attention is needed labels Mar 22, 2018
@tonghia
Copy link
Author

tonghia commented Mar 22, 2018

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests

2 participants