From c3937508ff392f4791872d3c870270e296091f76 Mon Sep 17 00:00:00 2001
From: Benny Powers <web@bennypowers.com>
Date: Wed, 15 Apr 2026 15:45:32 +0300
Subject: [PATCH 1/2] perf(tabs): add passive scroll event listeners

Closes #2600

Assisted-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .changeset/tabs-passive-scroll.md | 6 ++++++
 elements/pf-tabs/pf-tabs.ts       | 8 +++++++-
 2 files changed, 13 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/tabs-passive-scroll.md

diff --git a/.changeset/tabs-passive-scroll.md b/.changeset/tabs-passive-scroll.md
new file mode 100644
index 0000000000..3572a94173
--- /dev/null
+++ b/.changeset/tabs-passive-scroll.md
@@ -0,0 +1,6 @@
+---
+"@patternfly/elements": patch
+---
+
+`pf-tabs`: scroll event listeners are now passive for better
+scrolling performance.
diff --git a/elements/pf-tabs/pf-tabs.ts b/elements/pf-tabs/pf-tabs.ts
index 980d1d3d3a..60bedfd3e5 100644
--- a/elements/pf-tabs/pf-tabs.ts
+++ b/elements/pf-tabs/pf-tabs.ts
@@ -1,5 +1,6 @@
 import { html, LitElement, type TemplateResult } from 'lit';
 import { customElement } from 'lit/decorators/custom-element.js';
+import { eventOptions } from 'lit/decorators/event-options.js';
 import { property } from 'lit/decorators/property.js';
 import { query } from 'lit/decorators/query.js';
 import { provide } from '@lit/context';
@@ -180,7 +181,7 @@ export class PfTabs extends LitElement {
           <!-- tablist -->
           <div id="tabs" part="tabs" role="tablist">
             <!-- Must contain one or more \`<pf-tab>\` -->
-            <slot name="tab" @slotchange="${this.#onSlotChange}" @scroll="${this.#overflow.onScroll}"></slot>
+            <slot name="tab" @slotchange="${this.#onSlotChange}" @scroll="${this.onScroll}"></slot>
           </div>
           ${!this.#overflow.showScrollButtons ? '' : html`
           <button id="nextTab" tabindex="-1"
@@ -201,6 +202,11 @@ export class PfTabs extends LitElement {
     `;
   }
 
+  @eventOptions({ passive: true })
+  private onScroll() {
+    this.#overflow.onScroll();
+  }
+
   #scrollLeft() {
     this.#overflow.scrollLeft();
   }

From 59d8dec48b6a1f38923025d7c783e95e8ad96ca4 Mon Sep 17 00:00:00 2001
From: Benny Powers <bennypowers@users.noreply.github.com>
Date: Wed, 15 Apr 2026 15:59:38 +0300
Subject: [PATCH 2/2] docs: changeset

---
 .changeset/tabs-passive-scroll.md | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/.changeset/tabs-passive-scroll.md b/.changeset/tabs-passive-scroll.md
index 3572a94173..60daf9cad2 100644
--- a/.changeset/tabs-passive-scroll.md
+++ b/.changeset/tabs-passive-scroll.md
@@ -2,5 +2,4 @@
 "@patternfly/elements": patch
 ---
 
-`pf-tabs`: scroll event listeners are now passive for better
-scrolling performance.
+`<pf-tabs>`: scroll event listeners are now passive for better performance.