Merge branch 'main' into fix/tabs/scroll-on-small-screen

Author: heyMP

.changeset/perfect-dragons-double.md

@@ -0,0 +1,7 @@
+---
+"@patternfly/elements": patch
+---
+
+`BaseTab`: 
+ - fixed Safari focus issue on keyboard navigation
+ - fixed Safari focus issue on mouse click

elements/pf-tabs/BaseTab.ts

@@ -63,9 +63,14 @@ export abstract class BaseTab extends LitElement {
     }
   }
 
+  focus() {
+    this.button.focus();
+  }
+
   #clickHandler() {
     if (!this.disabled && this.#internals.ariaDisabled !== 'true' && this.ariaDisabled !== 'true') {
       this.active = true;
+      this.focus(); // safari fix
     }
   }
 

elements/pf-tabs/BaseTabs.ts

@@ -226,8 +226,10 @@ export abstract class BaseTabs extends LitElement {
     }
 
     if (event.active) {
+      if (event.tab !== this.#tabindex.activeItem) {
+        this.#tabindex.updateActiveItem(event.tab);
+      }
       this.activeIndex = this.#allTabs.findIndex(tab => tab === event.tab);
-      this.#tabindex.updateActiveItem(this.#activeTab);
     }
   };