From d58b8068c636df4d665c4dd78912571a2d40469e Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 27 May 2026 17:02:17 +0000
Subject: [PATCH 1/2] Initial plan


From 0792f701fa8ba1f56c1701014b02ab5c933f289d Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 27 May 2026 17:07:12 +0000
Subject: [PATCH 2/2] fix: set tagName on NgView for Angular 21 bootstrap
 compatibility

---
 .../angular/src/lib/nativescript-renderer.ts  | 20 +++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/packages/angular/src/lib/nativescript-renderer.ts b/packages/angular/src/lib/nativescript-renderer.ts
index 0b9d6d1..04db265 100644
--- a/packages/angular/src/lib/nativescript-renderer.ts
+++ b/packages/angular/src/lib/nativescript-renderer.ts
@@ -274,22 +274,34 @@ class NativeScriptRenderer implements Renderer2 {
     if (NativeScriptDebug.enabled) {
       NativeScriptDebug.rendererLog(`NativeScriptRenderer.selectRootElement: ${selectorOrNode}`);
     }
+    // Angular 21+ reads `rootElement.tagName.toLowerCase()` after this call
+    // (`locateHostElement`) to reject `<script>` hosts. Guarantee every return
+    // path produces a View with a non-empty string `tagName`; otherwise the
+    // bootstrap throws `Cannot read properties of undefined (reading 'toLowerCase')`.
+    const ensureTagName = (view: any, fallback: string) => {
+      if (view && typeof view.tagName !== 'string') {
+        try {
+          view.tagName = view.nodeName || fallback || 'view';
+        } catch {}
+      }
+      return view;
+    };
     if (selectorOrNode instanceof View) {
-      return selectorOrNode;
+      return ensureTagName(selectorOrNode, '');
     }
     if (selectorOrNode && selectorOrNode[0] === '#') {
       const result = getViewById(this.rootView, selectorOrNode.slice(1));
-      return (result || this.rootView) as View;
+      return ensureTagName((result || this.rootView) as View, selectorOrNode);
     }
     if (typeof selectorOrNode === 'string') {
       const view = this.viewUtil.createView(selectorOrNode);
       if (getFirstNativeLikeView(view) === view) {
         // view is nativelike!
         this.appendChild(this.rootView, view);
-        return view;
+        return ensureTagName(view, selectorOrNode);
       }
     }
-    return this.rootView;
+    return ensureTagName(this.rootView, '');
   }
   parentNode(node: NgView) {
     if (NativeScriptDebug.enabled) {