IE11 Support about react-svg HOT 5 CLOSED

Thanks for the info. I didn't think about using the callback. I will try this and let you know.

from react-svg.

No worries @SCasarotto 👍 Haven't actually used this lib on IE11 myself, but if a bug warranted it I'd be happy to fire up a VM to check it out.

In this case though we may be able to get what you're after by hooking into the callback prop. Using the example in this repo, you could try something like:

...
<ReactSVG
  path="atomic.svg"
  callback={svg => svg.setAttribute('preserveAspectRatio', 'xMinYMin')}
  className="class-name"
  wrapperClassName="wrapper-class-name"
/>
...

I'm not 100% sure if this will work for your use-case, but keen to hear how you get on?

FYI: I also had a quick scan through the SVGInjector source, but it looks like the setting of attributed on the svg is pretty tightly controlled. You can set various data-* attributes but not much else.

from react-svg.

Hey @SCasarotto, before I close the issue assuming everything is ok... how'd you get on using that callback?

from react-svg.

@tanem thanks for checking in. I haven't had a chance to check back on this. I don't have a virtual machine or regular access to IE11. Feel free to close it and I can reopen it if I run into trouble testing this. Thanks!

from react-svg.

@SCasarotto no probs, sounds good 👌

from react-svg.