MediaWiki:Common.js: Difference between revisions

Revision as of 15:55, 30 May 2025

/* Any JavaScript here will be loaded for all users on every page load. */


mw.loader.using('jquery', function () {
  $(function () {
    const carousels = document.querySelectorAll('.card-carousel');

    carousels.forEach((carousel) => {
      let isDragging = false;
      let startX;
      let scrollStart;
      let movedEnough = false;

      carousel.addEventListener("pointerdown", function (e) {
        isDragging = true;
        movedEnough = false;
        carousel.classList.add("dragging");
        startX = e.pageX;
        scrollStart = carousel.scrollLeft;
        carousel.setPointerCapture(e.pointerId);
        e.preventDefault();
      });

      carousel.addEventListener("pointermove", function (e) {
        if (!isDragging) return;
        const x = e.pageX;
        const walk = (x - startX) * 0.75;
        if (Math.abs(walk) > 5) movedEnough = true;
        carousel.scrollLeft = scrollStart - walk;
        e.preventDefault();
      });

      const endDrag = () => {
        isDragging = false;
        carousel.classList.remove("dragging");
      };

      carousel.addEventListener("pointerup", endDrag);
      carousel.addEventListener("pointerleave", endDrag);

      // Block clicks if drag occurred
      carousel.addEventListener("click", function (e) {
        if (movedEnough) {
          e.preventDefault();
          e.stopImmediatePropagation();
        }
      }, true); // useCapture = true
    });
  });
});