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