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