Steps to Reproduce

<zk>
    <button label="replace drawer contents" onClick="
        drawer.getChildren().clear();
        Div div = new Div();
        div.appendChild(new Drawer());
        div.appendChild(new Drawer());
        drawer.appendChild(div);
    "/>
    <drawer id="drawer" />
</zk>

click the button (multiple times) to render/replace the contents of the drawer

Current Result

after the first click the second drawer doesn't look like it's nested inside the div:

after subsequent clicks this results in non cleaned up DOM elements, duplication of UUIDs

Causing JS errors in places where UUID matter i.e. everywhere in ZK widgets.

Expected Result

components nested in the correct parent DOM element
reliable DOM element cleanup no duplicate DOM ids

Debug Information

Workaround