React: El evento onLoad de la imagen SVG no se envía en IE11

Creado en 3 oct. 2017  ·  5Comentarios  ·  Fuente: facebook/react

El elemento SVG image no se está enviando el evento onLoad en IE11

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

Probado con React 15.1 y 16.0

DOM Wontfix SVG Bug

Comentario más útil

No estoy seguro de lo que está pasando aquí, pero algunas investigaciones sugieren que hay algunas rarezas en la etiqueta IE11 image . Prácticamente no puedo hacer que el evento onLoad funcione en js en IE11 ( ver codepen ). Agregar un onload="alert('here')" en línea en el marcado simple funciona, pero eso es todo lo que he podido hacer.

Hay pocas correcciones que pude encontrar en línea y la de aquí es bastante fea y probablemente no sostenible. ¿Alguna idea @nhunzaker ? eres el gurú svg residente

Todos 5 comentarios

No estoy seguro de lo que está pasando aquí, pero algunas investigaciones sugieren que hay algunas rarezas en la etiqueta IE11 image . Prácticamente no puedo hacer que el evento onLoad funcione en js en IE11 ( ver codepen ). Agregar un onload="alert('here')" en línea en el marcado simple funciona, pero eso es todo lo que he podido hacer.

Hay pocas correcciones que pude encontrar en línea y la de aquí es bastante fea y probablemente no sostenible. ¿Alguna idea @nhunzaker ? eres el gurú svg residente

¡Gah, lo siento! Estoy llegando a esto haciendo algunas pruebas para otro PR y me encontré con esto a través de Google 😵.

No puedo hacer que IE o Edge carguen el evento de imagen SVG, _period_ usando la siguiente prueba:
https://codepen.io/nhunzaker/pen/babXLO

Tampoco puedo encontrar una solución investigando (buscando en Google) en línea, aparte de la recomendación que ha sugerido de usar un proxy new Image() .

Me sentiría cómodo cerrando este y descartándolo como un error del navegador. Es poco convincente, pero no me gusta mucho piratear una etiqueta de imagen en SVG (y me preocupan los casos extremos si se usa como una solución general)

@gaearon , @jquense ¿qué te parece?

sí, creo que el costo de la solución alternativa es demasiado. Me siento cómodo con que esto sea un "no se solucionará" si lo estás

Estoy de acuerdo con eso.

De hecho, @nhunzaker Image class fue la solución alternativa

¿Fue útil esta página
0 / 5 - 0 calificaciones