I have developed two custom controls in sapui5 which are using svg elements. The first control is the parent container which takes an aggregation of several controls that are of the second type. You could imagine a svg-control that renders several e.g. circles as its aggregation-children.

On initialization and first rendering it works nicely and the circles are shown.

When I change a property of one of the child aggregations the renderer is called again (with the updated property) and the svg circle is inputted into the DOM. The problem is that html does not display this newly rendered control.

There are two ways to get it to show:

1. go to the element in the DOM in the Dev Tools, press "Edit as html" on the parent control, change one unimportant html-attribute and end the editing. Then html rerenders the entire svg control and the "updated" circle is displayed nicely.
2. Tell sapui5 to rerender the parent control after a little bit of time (e.g. over the console) using the .rerender() method of the sapui5 control object.

I've tried reproducing it in a code sandbox to share it but even when copying the same code for the custom controls I was unable to do so. I'll still send you my sandbox project so you have an idea of what I was trying to explain above.

I suspect it has something to do with namespace definitions of svg elements but I can't find a solution for this. Any ideas?