From 59d8fa0d6710796c549c88bba5c65096b4463039 Mon Sep 17 00:00:00 2001
From: Martin Leblanc <m26lebla@uwaterloo.ca>
Date: Wed, 12 Mar 2025 12:24:06 -0400
Subject: [PATCH] ISTWCMS-5650: Add tab key logic for pasuing slider

---
 src/patterns/04-components/banners/banners.js | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/patterns/04-components/banners/banners.js b/src/patterns/04-components/banners/banners.js
index df2404cc..9b99ed47 100644
--- a/src/patterns/04-components/banners/banners.js
+++ b/src/patterns/04-components/banners/banners.js
@@ -41,7 +41,6 @@
             draggable: true,
             wrapAround: true,
             adaptiveHeight: true,
-            cellSelector: '.card__banner',
             pageDots: bannerDots,
             prevNextButtons: false,
             on: {
@@ -114,6 +113,21 @@
               bannerPlay.style.display = 'block';
             });
           }
+          // Get banner link.
+          var bannerLink = banner.querySelector('.card__banner a');
+
+          // Check for Tab key, find pause button and click it.
+          bannerLink.addEventListener('keydown', function (event) {
+            if (event.key === 'Tab' || event.keyCode === 9) {
+              var banner = event.target.closest('.uw-carousel__banner');
+              if (banner) {
+                var pauseButton = banner.querySelector('.uw-pause');
+                if (pauseButton) {
+                  pauseButton.click();
+                }
+              }
+            }
+          });
         });
       });
     }
-- 
GitLab