Adding fallback for edge case

Author: ShaneK

core/src/components/tab-button/tab-button.tsx

@@ -106,9 +106,23 @@ export class TabButton implements ComponentInterface, AnchorInterface {
 
     // Check if this tab button should be initially selected based on parent tab-bar's selectedTab prop
     // This handles the case where selected-tab is set via HTML attribute before events fire
+    this.syncWithTabBar();
+  }
+
+  componentDidLoad() {
+    // Double-check selection state after load to handle any timing issues
+    // This ensures the button reflects the correct state even if the initial check was too early
+    this.syncWithTabBar();
+  }
+
+  private syncWithTabBar() {
     const tabBar = this.el.parentElement as HTMLIonTabBarElement | null;
-    if (tabBar && tabBar.tagName === 'ION-TAB-BAR' && tabBar.selectedTab !== undefined) {
-      this.selected = this.tab === tabBar.selectedTab;
+    if (tabBar && tabBar.tagName === 'ION-TAB-BAR') {
+      // Check both the property and attribute to handle all initialization scenarios
+      const selectedTab = tabBar.selectedTab ?? tabBar.getAttribute('selected-tab');
+      if (selectedTab !== null && selectedTab !== undefined) {
+        this.selected = this.tab === selectedTab;
+      }
     }
   }