Update tabs.tsx

core/src/components/content/content.tsx

@@ -455,6 +455,7 @@ export class Content implements ComponentInterface {
           overscroll: forceOverscroll,
           [`content-${rtl}`]: true,
         })}
+        tabIndex={'0'}
         style={{
           '--offset-top': `${this.cTop}px`,
           '--offset-bottom': `${this.cBottom}px`,

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

@@ -172,7 +172,7 @@ export class TabButton implements ComponentInterface, AnchorInterface {
           role="tab"
           aria-selected={selected ? 'true' : null}
           aria-disabled={disabled ? 'true' : null}
-          tabindex={disabled ? '-1' : undefined}
+          tabindex={disabled ? '-1' : '0'}
           {...inheritedAttributes}
         >
           <span class="button-inner">

core/src/components/tab/tab.tsx

@@ -55,7 +55,7 @@ export class Tab implements ComponentInterface {
 
   @Watch('active')
   changeActive(isActive: boolean) {
-    if (isActive) {
+    if (isActive) {      
       this.prepareLazyLoaded();
     }
   }

core/src/components/tabs/tabs.tsx

@@ -182,6 +182,9 @@ export class Tabs implements NavOutlet {
   }
 
   private onTabClicked = (ev: CustomEvent<TabButtonClickEventDetail>) => {
+    
+    console.log("onTabClicked");
+
     const { href, tab } = ev.detail;
     if (this.useRouter && href !== undefined) {
       const router = document.querySelector('ion-router');