React: Evento onLoad de imagem SVG não é despachado no IE11

Criado em 3 out. 2017  ·  5Comentários  ·  Fonte: facebook/react

O elemento SVG image não está recebendo o evento onLoad despachado no IE11

Exemplo:
https://codepen.io/sahid/pen/NaaRzX

Testado com React 15.1 e 16.0

DOM Wontfix SVG Bug

Comentários muito úteis

Não tenho certeza do que está acontecendo aqui, mas algumas pesquisas sugerem que há algumas esquisitices na tag IE11 image . Praticamente não consigo fazer o evento onLoad funcionar em js no IE11 ( ver codepen ). Adicionar um onload="alert('here')" embutido na marcação simples funciona, mas é tudo o que consigo fazer funcionar.

Há poucas correções que eu poderia encontrar online e esta aqui é muito feia e provavelmente não sustentável. Alguma ideia @nhunzaker ? você é o guru svg residente

Todos 5 comentários

Não tenho certeza do que está acontecendo aqui, mas algumas pesquisas sugerem que há algumas esquisitices na tag IE11 image . Praticamente não consigo fazer o evento onLoad funcionar em js no IE11 ( ver codepen ). Adicionar um onload="alert('here')" embutido na marcação simples funciona, mas é tudo o que consigo fazer funcionar.

Há poucas correções que eu poderia encontrar online e esta aqui é muito feia e provavelmente não sustentável. Alguma ideia @nhunzaker ? você é o guru svg residente

Gah, desculpe! Estou começando a fazer alguns testes para outro PR e me deparei com isso através do Google 😵.

Não consigo fazer o IE ou o Edge carregar o evento de imagem SVG, _period_ usando o seguinte teste:
https://codepen.io/nhunzaker/pen/babXLO

Também não consigo encontrar uma solução de pesquisa (googling) online, além da recomendação que você sugeriu para usar um proxy new Image() .

Eu ficaria confortável em fechar este e descartá-lo como um bug do navegador. É coxo, mas não gosto muito de hackear uma tag de imagem em SVG (e me preocupo com casos extremos se usado como uma solução geral)

@gaearon , @jquense o que você acha?

sim, acho que o custo da solução alternativa é muito alto. Estou confortável com isso sendo um "não vou consertar" se vocês estiverem

Eu estou bem com isso.

Na verdade, @nhunzaker Image class foi a solução alternativa

Esta página foi útil?
0 / 5 - 0 avaliações