From c284dc8d0fd681c411c6222b7f5572236728fb18 Mon Sep 17 00:00:00 2001
From: Jens Wittmann <post@jens-wittmann.de>
Date: Thu, 12 Sep 2024 22:53:00 +0200
Subject: [PATCH] A11y: make modx-tabs focusable #16612

---
 manager/assets/modext/widgets/core/modx.tabs.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/manager/assets/modext/widgets/core/modx.tabs.js b/manager/assets/modext/widgets/core/modx.tabs.js
index 7decfebbf64..7cfd4ee152f 100644
--- a/manager/assets/modext/widgets/core/modx.tabs.js
+++ b/manager/assets/modext/widgets/core/modx.tabs.js
@@ -45,7 +45,15 @@ MODx.Tabs = function(config = {}) {
         border: false,
         autoScroll: true,
         autoHeight: true,
-        cls: 'modx-tabs'
+        cls: 'modx-tabs',
+        itemTpl: new Ext.XTemplate(
+            '<li class="{cls}" id="{id}">',
+                '<a class="x-tab-strip-close"></a>',
+                '<a href="#">',
+                    '<span class="x-tab-strip-text">{text}</span>',
+                '</a>',
+            '</li>'
+        )
     });
     MODx.Tabs.superclass.constructor.call(this, config);
     this.config = config;