fix: documentation-ui not working as expected in the UI (#698)

Author: fraxken

.changeset/frank-pumas-fail.md

@@ -0,0 +1,5 @@
+---
+"@nodesecure/documentation-ui": patch
+---
+
+Add missing setTimeout to header.ts component

public/components/wiki/wiki.js

@@ -13,17 +13,17 @@ export class Wiki {
       ".open-button"
     );
 
-    const { container, header, navigation } = documentationUI.render(
-      { preCacheAllFlags: true }
-    );
-
     const documentationRenderContainer = this.documentationRootElement.querySelector(
       ".documentation-render-container"
     );
     for (const node of documentationRenderContainer.childNodes) {
       node.remove();
     }
-    documentationRenderContainer.appendChild(container);
+
+    const { header, navigation } = documentationUI.render(
+      documentationRenderContainer,
+      { prefetch: true }
+    );
 
     /** @type {documentationUI.Header} */
     this.header = header;

workspaces/documentation-ui/src/components/header.ts

@@ -55,7 +55,7 @@ export class Header {
         this.active === null &&
         (this.defaultName === null || this.defaultName === name)
       ) {
-        this.setNewActiveView(name);
+        setTimeout(() => this.setNewActiveView(name), 1);
       }
 
       liElement.addEventListener(