Реакция: Почему чувствительность моего слайд-шоу на мобильном устройстве меняется только при использовании браузера Chro ⇐ CSS

[Anonymous]

В моем веб-приложении React есть компонент карусели. Он отлично работает в Firefox, однако в Chrome, когда я смахиваю страницу вниз на мобильном устройстве, он думает, что я делаю горизонтальное смахивание, и переключает слайды в моем слайд-шоу. Я использую библиотеку под названием response-material-ui-carouse, единственные реквизиты, которые она имеет для скольжения, - это установить для функциональности слайда значение true или false. В документации я не нашел упоминаний о настройке чувствительности слайда. Есть ли разумный способ исправить это или мне лучше не использовать эту библиотеку? Ссылка на веб-сайт, если вы хотите опробовать его на мобильных устройствах, чтобы понять, что я имею в виду.
Slideshow.jsx
function Slideshow() {
const fadeImages = [
{
src: "/images/allie-pic.webp",
title: "First Slide",
caption:
"Slide1",
},
{
src: "/images/image-2.jpg",
title: "Second Slide",
caption:
"Slide2",
},
{
src: "/images/image-3.webp",
title: "Third Slide",
caption:
"Slide3",
},
];

return (

{fadeImages.map((img, i) => (

))}

);
}

function Item({ img }) {
return (


{img.title}

{img.caption}
[img]{img.src}


);
}
export default Slideshow;


Подробнее здесь: https://stackoverflow.com/questions/772 ... y-when-usi