Desarrollé dos controles personalizados en sapui5 que usan elementos svg. El primer control es el contenedor principal que toma una agregación de varios controles que son del segundo tipo. Podría imaginar un control svg que represente varios, por ejemplo, círculos como sus hijos de agregación.

En la inicialización y el primer renderizado, funciona bien y se muestran los círculos.

Cuando cambio una propiedad de una de las agregaciones secundarias, se vuelve a llamar al renderizador (con la propiedad actualizada) y el círculo svg se ingresa en el DOM. El problema es que html no muestra este control recién renderizado.

Hay dos formas de hacer que se muestre:

1. vaya al elemento en el DOM en las herramientas de desarrollo, presione "Editar como html" en el control principal, cambie un atributo html sin importancia y finalice la edición. Luego, html vuelve a representar todo el control svg y el círculo "actualizado" se muestra muy bien.
2. Dígale a sapui5 que vuelva a procesar el control principal después de un poco de tiempo (por ejemplo, en la consola) usando el método .rerender() del objeto de control sapui5.

Intenté reproducirlo en un entorno limitado de código para compartirlo, pero incluso cuando copié el mismo código para los controles personalizados, no pude hacerlo. Todavía te enviarémi proyecto de sandbox para que tengas una idea de lo que estaba tratando de explicar arriba.

Sospecho que tiene algo que ver con las definiciones de espacio de nombres de elementos svg, pero no puedo encontrar una solución para esto. ¿Algunas ideas?