Lucifier129/react-lite

Disappeared SVG tags `use` in IE10 - IE11.

zazagag opened this issue · 2 comments

I am using svg through tag use and IE10 - IE11 have removed all of them(react-lite@0.15.27).

Got from server:
<svg class="icon-twitter" width="16px" height="16px" data-reactid="8"><use xlink:href="#twitter" /></svg>.

Got after react-lite applying:
<svg class="icon-twitter" width="16px" height="16px" data-reactid="8"></svg>.

In the same time React@15.3.2 has no this problem, all my SVG were displayed correctly.

thx feedback, I will check this problem and try to fix it as soon.

I found it just work the same as react.

import React, { Component } from 'react-lite'
import ReactDOM from 'react-lite'

function Test() {
	return (
		<svg className="icon-twitter" width="16px" height="16px">
			<use xlinkHref="#twitter" />
		</svg>
	)
}

ReactDOM.render(
	<Test />,
	document.getElementById('root')
)

In fact, react-lite will replace the whole dom tree from server-side with new dom tree, and data-reactid="8" will not appeare, so I think maybe something else cause this problem.