chore: remove the swipe ability on testimonial card, as design cannot accommodate it

Author: julhoang

static/css/v3/testimonial-card.css

@@ -234,40 +234,6 @@
     max-width: 100%;
 }
 
-/*
- * Carousel navigation uses hidden radios + <label> arrows so clicking an arrow
- * doesn't change the URL or trigger scrollIntoView (which would scroll the
- * page). The nav pair matching the currently-:checked radio is the only one
- * shown. The track keeps `overflow-x: auto` so touch/swipe still works; JS
- * syncs radio <-> scroll position. In no-JS mode the track is switched to
- * `overflow: hidden` + CSS transform (see the <noscript> block in
- * _testimonial_card.html), which trades touch scroll for a working arrow UI.
- */
-.testimonial-card__state {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    margin: -1px;
-    padding: 0;
-    border: 0;
-    clip: rect(0 0 0 0);
-    clip-path: inset(50%);
-    overflow: hidden;
-    white-space: nowrap;
-}
-
-.testimonial-card__controls {
-    display: contents;
-}
-
-.testimonial-card .testimonial-card__nav-set {
-    display: none;
-}
-
-/* Per-index `display: inline-flex` overrides for the checked radio's nav-set
-   are generated in _testimonial_card.html (the testimonials count is
-   data-driven, so the rule set is rendered inline by the template). */
-
 .carousel-buttons label.btn-carousel {
     display: inline-flex;
     align-items: center;
@@ -283,32 +249,6 @@
     pointer-events: none;
 }
 
-/* Focus mirroring: the radios are visually hidden but remain keyboard-focusable
-   (arrow keys move between them natively). When that happens we reflect focus
-   onto the currently-visible nav-set wrapper so keyboard users see where they
-   are. Outlining the wrapper (not each button) avoids two outlines colliding
-   on the adjacent prev/next pills. Only the nav-set matching the checked
-   radio is `display: inline-flex`; the others are `display: none`, so a
-   single rule suffices. */
-.testimonial-card:has(.testimonial-card__state:focus-visible) .testimonial-card__nav-set {
-    outline: 2px solid currentColor;
-    outline-offset: 2px;
-    border-radius: 8px;
-}
-
-/* Scroll-snap: align items when the user swipes. JS uses smooth scroll on
-   arrow-click so we don't need scroll-behavior here.
-   `flex: 0 0 100%` forces each item to exactly the flex container width so
-   both native scroll and the no-JS transform math land on item boundaries. */
-.testimonial-card__list {
-    scroll-snap-type: x mandatory;
-}
-
-.testimonial-card__list-item {
-    scroll-snap-align: start;
-    flex: 0 0 100%;
-}
-
 /**
  * The carousel list (.testimonial-card__list) needs overflow-y: hidden
  * to keep horizontal scroll behavior, which clips the badge tooltip when it

static/js/carousel.js

@@ -156,63 +156,12 @@
     }
   }
 
-  function setupRadioCarousel(root, track) {
-    const radios = root.querySelectorAll('input[type="radio"].testimonial-card__state');
-    if (radios.length === 0) return;
-    const items = track.querySelectorAll(CAROUSEL_ITEM_SELECTOR);
-
-    let scrolling = false;
-    let scrollTimeout = null;
-
-    function syncInert(activeIdx) {
-      items.forEach(function (item, i) {
-        if (i === activeIdx) item.removeAttribute('inert');
-        else item.setAttribute('inert', '');
-      });
-    }
-
-    const initialIdx = Array.prototype.findIndex.call(radios, function (r) { return r.checked; });
-    syncInert(initialIdx >= 0 ? initialIdx : 0);
-
-    radios.forEach(function (radio, idx) {
-      radio.addEventListener('change', function () {
-        if (!radio.checked) return;
-        syncInert(idx);
-        const target = items[idx];
-        if (!target) return;
-        scrolling = true;
-        target.scrollIntoView({ inline: 'start', block: 'nearest', behavior: 'smooth' });
-        clearTimeout(scrollTimeout);
-        scrollTimeout = setTimeout(function () { scrolling = false; }, 400);
-      });
-    });
-
-    track.addEventListener('scroll', function () {
-      if (scrolling) return;
-      const first = items[0];
-      if (!first) return;
-      const itemWidth = first.offsetWidth;
-      if (itemWidth === 0) return;
-      const idx = Math.round(track.scrollLeft / itemWidth);
-      const radio = radios[Math.max(0, Math.min(radios.length - 1, idx))];
-      if (radio && !radio.checked) {
-        radio.checked = true;
-        syncInert(idx);
-      }
-    }, { passive: true });
-  }
-
   function initCarousel(root) {
     if (!root || !root.id) return;
     const track = root.querySelector('[data-carousel-track]');
     const controls = document.getElementById(root.id + '-controls');
     if (!track || !controls) return;
 
-    if (root.hasAttribute('data-carousel-radios')) {
-      setupRadioCarousel(root, track);
-      return;
-    }
-
     if (root.hasAttribute('data-carousel-infinite')) {
       setupInfiniteCarousel(root, track);
       return;