Прокрутка карусели багги в Firefox - PullRequest
Новая
       95

Прокрутка карусели багги в Firefox

0 голосов
/ 14 июля 2020

Я использую "реакцию-мульти-карусель" со связанными элементами. Он неплохо работает в Chrome и Opera? и на мобильных устройствах. Но в Firefox прокрутка встречается с ошибками. Я предполагаю, что это ссылки, добавленные в элементы, вызывают ошибки, поскольку с элементами простого изображения карусель хорошо работает во всех браузерах. Это пример моего кода: 

const Simple = () => {
  const [isMoving, stopIsMoving] = React.useState(false);
  return (
    <Carousel
      infinite
      ssr
      partialVisibile
      itemClass="image-item"
      responsive={responsive}
      beforeChange={() => stopIsMoving(true)}
      afterChange={() => stopIsMoving(false)}
    >
      {images.slice(0, 5).map(image => {
        return (
          <div isMoving={isMoving}>
            <Link>
              <a
                onClick={e => {
                  if (isMoving) {
                    e.preventDefault();
                  }
                }}
                href="google.com"
              >
                <Image
                  draggable={false}
                  style={{ width: "100%", height: "100%" }}
                  src={image}
                />
              </a>
            </Link>
          </div>
        );
      })}
    </Carousel>
  );
};

Codesandbox - https://codesandbox.io/s/react-multi-carousel-playground-7c2kg?file= / components / Simple. js: 2109-3012

...