[0.81] Fix issue when creating a ContentIslandComponentView when the root ReactNativeIsland is not connected (#15650)

* Fix issue when creating a ContentIslandComponentView when the root ReactNativeIsland is not connected (#15649)

* Fix issue when creating a ContentIslandComponentView when the root ReactNativeIsland is not connected

* Change files

* Unregister from state changed events after we have used it to connect

* fix change files

Author: acoates-ms

change/react-native-windows-230b1cbb-2867-42d5-b799-bfb0f33c6baf.json

@@ -1,7 +1,7 @@
 {
-  "type": "prerelease",
+  "type": "patch",
   "comment": "Fix selectable text not working inside ScrollView",
   "packageName": "react-native-windows",
   "email": "74712637+iamAbhi-916@users.noreply.github.com",
   "dependentChangeType": "patch"
-}
+}

change/react-native-windows-24985449-1e83-4a43-b2d6-7d80594087e8.json

@@ -1,7 +1,7 @@
 {
-  "type": "none",
+  "type": "patch",
   "comment": "Fix memoryStram getting unitialized",
   "packageName": "react-native-windows",
   "email": "hmalothu@microsoft.com",
-  "dependentChangeType": "none"
-}
+  "dependentChangeType": "patch"
+}

change/react-native-windows-b74972ac-3ce7-4596-b61b-2b7fc31ac233.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix issue when creating a ContentIslandComponentView when the root ReactNativeIsland is not connected",
+  "packageName": "react-native-windows",
+  "email": "30809111+acoates-ms@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

change/react-native-windows-b8b3e795-5d9c-4d59-b647-a3d20d92e91b.json

@@ -1,7 +1,7 @@
 {
-  "type": "none",
+  "type": "patch",
   "comment": "Fix crash in ABIViewManager::RemoveAllChildren during shutdown",
   "packageName": "react-native-windows",
   "email": "hmalothu@microsoft.com",
-  "dependentChangeType": "none"
-}
+  "dependentChangeType": "patch"
+}

change/react-native-windows-cbb96590-7b1d-4f6b-8247-775ec56bc1c3.json

@@ -1,7 +1,7 @@
 {
-  "type": "none",
+  "type": "patch",
   "comment": "visual studio 2026 strict check fix",
   "packageName": "react-native-windows",
   "email": "hmalothu@microsoft.com",
-  "dependentChangeType": "none"
-}
+  "dependentChangeType": "patch"
+}

vnext/Microsoft.ReactNative/Fabric/Composition/ContentIslandComponentView.cpp

@@ -43,9 +43,19 @@ ContentIslandComponentView::ContentIslandComponentView(
       });
 }
 
-void ContentIslandComponentView::OnMounted() noexcept {
+winrt::Microsoft::UI::Content::ContentIsland ContentIslandComponentView::ParentContentIsland() noexcept {
+  auto root = rootComponentView();
+  if (!root)
+    return nullptr;
+  return root->parentContentIsland();
+}
+
+void ContentIslandComponentView::ConnectInternal() noexcept {
+  if (!m_islandToConnect)
+    return;
+
   m_childSiteLink = winrt::Microsoft::UI::Content::ChildSiteLink::Create(
-      rootComponentView()->parentContentIsland(),
+      m_parentContentIsland,
       winrt::Microsoft::ReactNative::Composition::Experimental::CompositionContextHelper::InnerVisual(Visual())
           .as<winrt::Microsoft::UI::Composition::ContainerVisual>());
   m_childSiteLink.ActualSize({m_layoutMetrics.frame.size.width, m_layoutMetrics.frame.size.height});
@@ -69,6 +79,7 @@ void ContentIslandComponentView::OnMounted() noexcept {
     m_childSiteLink.Connect(m_islandToConnect);
     m_islandToConnect = nullptr;
   }
+  UnregisterForRootIslandEvents();
 
   ParentLayoutChanged();
   auto view = Parent();
@@ -85,12 +96,42 @@ void ContentIslandComponentView::OnMounted() noexcept {
   }
 }
 
+void ContentIslandComponentView::RegisterForRootIslandEvents() noexcept {
+  m_parentContentIsland = ParentContentIsland();
+
+  if (m_parentContentIsland.IsConnected()) {
+    ConnectInternal();
+  } else {
+    m_islandStateChangedToken = m_parentContentIsland.StateChanged(
+        [wkThis = get_weak()](
+            const winrt::Microsoft::UI::Content::ContentIsland & /*island*/,
+            const winrt::Microsoft::UI::Content::ContentIslandStateChangedEventArgs & /*args*/) {
+          if (auto strongThis = wkThis.get()) {
+            strongThis->ConnectInternal();
+          }
+        });
+  }
+}
+
+void ContentIslandComponentView::UnregisterForRootIslandEvents() noexcept {
+  if (m_islandStateChangedToken) {
+    m_parentContentIsland.StateChanged(m_islandStateChangedToken);
+    m_islandStateChangedToken = {};
+    m_parentContentIsland = nullptr;
+  }
+}
+
+void ContentIslandComponentView::OnMounted() noexcept {
+  RegisterForRootIslandEvents();
+}
+
 void ContentIslandComponentView::OnUnmounted() noexcept {
   m_layoutMetricChangedRevokers.clear();
   if (m_navigationHostDepartFocusRequestedToken && m_navigationHost) {
     m_navigationHost.DepartFocusRequested(m_navigationHostDepartFocusRequestedToken);
     m_navigationHostDepartFocusRequestedToken = {};
   }
+  UnregisterForRootIslandEvents();
 }
 
 void ContentIslandComponentView::ParentLayoutChanged() noexcept {

vnext/Microsoft.ReactNative/Fabric/Composition/ContentIslandComponentView.h

@@ -58,9 +58,16 @@ struct ContentIslandComponentView : ContentIslandComponentViewT<ContentIslandCom
   void OnMounted() noexcept;
   void OnUnmounted() noexcept;
   void ParentLayoutChanged() noexcept;
+  void ConnectInternal() noexcept;
+  void RegisterForRootIslandEvents() noexcept;
+  void UnregisterForRootIslandEvents() noexcept;
+  winrt::Microsoft::UI::Content::ContentIsland ParentContentIsland() noexcept;
 
   bool m_layoutChangePosted{false};
+  winrt::Microsoft::UI::Content::ContentIsland m_parentContentIsland{nullptr};
   winrt::Microsoft::UI::Content::ContentIsland m_islandToConnect{nullptr};
+  winrt::event_token m_islandStateChangedToken;
+
   winrt::event_token m_mountedToken;
   winrt::event_token m_unmountedToken;
   std::vector<winrt::Microsoft::ReactNative::ComponentView::LayoutMetricsChanged_revoker> m_layoutMetricChangedRevokers;