fix(router): add view to the stack of all parents

src/router.js

@@ -495,6 +495,10 @@ function setupView(hybrids, routerOptions, parent, nestedParent) {
   } else {
     config.parent = parent;
     config.nestedParent = nestedParent;
+
+    if (parent && !parent.stack.includes(config)) {
+      parent.stack.push(config);
+    }
   }
 
   if (!parent) {
@@ -1123,7 +1127,7 @@ function router(views, options) {
 
         console.groupEnd();
 
-        global[`$$${key}`] = view;
+        globalThis[`$$${key}`] = view;
       }),
   };
 

test/spec/router.js

@@ -210,6 +210,49 @@ describe("router:", () => {
     });
   });
 
+  it("uses push navigation to view with multiple parents", () => {
+    const Target = define({
+      tag: "test-router-view-multiple-parents-target",
+    });
+
+    const A = define({
+      tag: "test-router-view-multiple-parents-a",
+      [router.connect]: {
+        stack: [Target],
+      },
+      content: () => html` <a href="${router.url(B)}"></a> `,
+    });
+
+    const B = define({
+      tag: "test-router-view-multiple-parents-b",
+      [router.connect]: {
+        stack: [Target],
+      },
+      content: () => html` <a href="${router.url(Target)}"></a> `,
+    });
+
+    define({
+      tag: "test-router-view-multiple-parents",
+      stack: router([A, B]),
+      content: ({ stack }) => html`${stack}`,
+    });
+
+    const el = document.createElement("test-router-view-multiple-parents");
+    document.body.appendChild(el);
+
+    return resolveTimeout(() => {
+      el.querySelector("a").click();
+      return resolveTimeout(() => {
+        el.querySelector("a").click();
+
+        return resolveTimeout(() => {
+          expect(history.state.length).toBe(2);
+          document.body.removeChild(el);
+        });
+      });
+    });
+  });
+
   describe("test app", () => {
     beforeAll(() => {
       NestedViewTwo = define({