fix: resolve swiper features slider horizontal swipe defect

[utkrsh29]

Pull Request: Features Slider Horizontal Swipe Bug Fix

Description

This pull request resolves the horizontal swipe navigation defect on the home page features slider (Home.jsx), enabling users on various desktop trackpads, mouse drags, and touch screens to scroll horizontally through the features list.

---

Technical Details & Implementation

• Imported the Mousewheel module from swiper/modules and CSS from swiper/css/navigation.
• Configured <Swiper> options to include Mousewheel and enabled mousewheel={{ forceToAxis: true }} to restrict gestures to the horizontal axis (preventing page scroll hijacking).
• Updated .swiper-container-features in index.css to add touch-action: pan-y; to enable touch drag/swipe gestures to propagate correctly without vertical scroll hijacking.

---

Verification & Testing

• All 49 baseline unit tests passed:

  npx vitest run

• Compiled the production bundle successfully:

  npm run build

• Verified horizontal swipe navigation (via mouse dragging and trackpad gestures) on a local dev server at http://localhost:5173/.

CLOSES #298

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
ranker-hub	Ready	Preview, Comment	Jun 15, 2026 5:19am