Adding focusable to generated <svg> tag based on props

[peasandwell]

IE11 has a fun bug where it treats all SVGs as tabbable elements, even if they have tabindex="-1" on. The most recognised solution is to apply focusable="false" onto the <svg> element.

[MoOx]

You can already handle that in your SVGs directly right?
I was thinking about deprecating this module in favor of svgr

[peasandwell]

I have the attribute on the SVG, however react-svg-inline doesn't pass it through to the DOM. I'll check out svgr too in case you deprecate this module.

[MoOx]

however react-svg-inline doesn't pass it through to the DOM

It the code too agressive here? https://github.com/MoOx/react-svg-inline/blob/master/src/index.js#L72
Not sure what's causing this to disappear.

[peasandwell]

It the code too agressive here? https://github.com/MoOx/react-svg-inline/blob/master/src/index.js#L72
Not sure what's causing this to disappear.

I think that is what's happening, or maybe something else is either stripping it out or choosing not to consider it an attribute.