Слайдер перестает работать после первого свайпа на iPhone

Как упоминалось в заголовке, я столкнулся со странной ошибкой на Iphone: после первого пролистывания слайдер перестает работать и больше не регистрирует пролистывания. Я тестировал слайдер на нескольких устройствах и на всех устройствах Android, а также в Developer. Инструменты в Chrome все работают нормально.

document.addEventListener("DOMContentLoaded", function() {
  const slider = document.querySelector('.slider');
  const prevButton = document.querySelector('.prev-button');
  const nextButton = document.querySelector('.next-button');
  const slides = Array.from(slider.children);
  const slideCount = slides.length;
  let slideIndex = 0;
  let startX = 0;
  let endX = 0;

  prevButton.addEventListener('click', () => {
    slideIndex = (slideIndex - 1 + slideCount) % slideCount;
    slide();
  });

  nextButton.addEventListener('click', () => {
    slideIndex = (slideIndex + 1) % slideCount;
    slide();
  });

  const slide = () => {
    const slideOffset = -slideIndex * slider.clientWidth;
    slider.style.transform = `translateX(${slideOffset}px)`;
  };

  
  slider.addEventListener('touchstart', touchStart);
  slider.addEventListener('touchmove', touchMove);
  slider.addEventListener('touchend', touchEnd);

  function touchStart(e) {
    startX = e.touches[0].clientX;
  }

  function touchMove(e) {
    endX = e.touches[0].clientX;
    
    e.preventDefault();
  }

  function touchEnd() {
    const swipeThreshold = 50; 
    const swipeDistance = startX - endX;

    if (swipeDistance > swipeThreshold) {
      
      slideIndex = (slideIndex + 1) % slideCount;
    } else if (swipeDistance < -swipeThreshold) {
      
      slideIndex = (slideIndex - 1 + slideCount) % slideCount;
    }
    
    slide();
    startX = 0;
    endX = 0;
  }

  window.addEventListener('load', () => {
    slide();
  });
});