simplify

Author: ShaneK

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

@@ -85,15 +85,6 @@ export class TabButton implements ComponentInterface, AnchorInterface {
    */
   @Event() ionTabButtonClick!: EventEmitter<TabButtonClickEventDetail>;
 
-  @Listen('ionTabBarLoaded', { target: 'window' })
-  onTabBarLoaded(ev: Event) {
-    // Only respond to events from our direct parent tab-bar
-    const parent = this.el.parentElement;
-    if (parent && parent.tagName === 'ION-TAB-BAR' && ev.target === parent) {
-      this.syncWithTabBar();
-    }
-  }
-
   @Listen('ionTabBarChanged', { target: 'window' })
   onTabBarChanged(ev: CustomEvent<TabBarChangedEventDetail>) {
     const dispatchedFrom = ev.target as HTMLElement;
@@ -114,17 +105,6 @@ export class TabButton implements ComponentInterface, AnchorInterface {
     }
   }
 
-  private syncWithTabBar() {
-    const tabBar = this.el.parentElement as HTMLIonTabBarElement | null;
-    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;
-      }
-    }
-  }
-
   private selectTab(ev: Event | KeyboardEvent) {
     if (this.tab !== undefined) {
       if (!this.disabled) {

core/src/components/tabs/tabs.tsx

@@ -75,23 +75,10 @@ export class Tabs implements NavOutlet {
 
   private updateTabBar() {
     const tabBar = this.el.querySelector('ion-tab-bar');
-    if (!tabBar) {
-      return;
-    }
-
-    const tab = this.selectedTab ? this.selectedTab.tab : undefined;
-
-    // If tabs has no selected tab but tab-bar already has a selected-tab set,
-    // don't overwrite it. This handles cases where tab-bar is used without ion-tab elements.
-    if (tab === undefined) {
-      return;
+    if (tabBar) {
+      const tab = this.selectedTab ? this.selectedTab.tab : undefined;
+      tabBar.selectedTab = tab;
     }
-
-    if (tabBar.selectedTab === tab) {
-      return;
-    }
-
-    tabBar.selectedTab = tab;
   }
 
   /**