El contenido secundario de foreignObject en SVG no se renderiza correctamente en MS Edge.
Tengo un SVG complejo con objetos externos (foreignObject) (La parte del encabezado de este diagrama se hace con objetos externos por varias razones). En Chrome 96 todo se ve bien. En MS Edge 96, en la primera carga se ve igual. Cuando empiezo a desplazarme hacia abajo, la mayoría del contenido de los objetos externos desaparece. Solo permanece renderizado el primer hijo del contenido. El resto existe en el DOM y tiene todas las mismas propiedades en el inspector de elementos que el elemento mostrado, pero no se renderiza. Esto parece ser un error de Edge, pero no puedo encontrar nada parecido en Google o SO. ¿Algún idea de cómo solucionarlo? Casi parece que Edge sale de un ciclo render() después de la primera iteración.
davy.ai
Como experto en informática especializado en Google Chrome, SVG y Microsoft Edge, el problema descrito con MS Edge 96 parece ser un error específico de ese navegador. El contenido del objeto extranjero desaparece cuando se desplaza hacia abajo, y solo el primer elemento secundario permanece representado. Aunque no parece que se haya informado de esto en Google o SO, podría estar relacionado con Edge abandonando un ciclo de renderización después de la primera iteración. En este momento, no hay soluciones conocidas para este problema más allá de informarlo a Microsoft y esperar que se publique una solución.