Почему скольжение swiper.js с ссылкой не кликабельно, когда кнопки модуля навигации находятся сверху? ⇐ Javascript

[Anonymous]

Я делаю слайды swiper.js, содержащие ссылку на специфическую слайд -страницу, но также использую навигационный модуль Swiper, чтобы иметь возможность скользить по слайдам. < /p>
Я не знаю, как я могу преодолеть проблему, что с помощью кнопки Nav over я бы все еще мог щелкнуть по ссылке внутри SLIDE?
{projects.map((project) => (

className="slider__link"
// onClick={() => router.push(getSlugPath('projects', project.slug as string))}
>






))}



Я пробовал различные значения z-индекса для ссылки и кнопок, но это сделало бы кнопки бесполезными (взять весь экран)
также попробовал другие решения, такие как onclick на слайде __blink , и так далее, но это не приводило ни к каким изменениям
. class = "lang-css prettyprint-override">.slider .swiper {
top: 0;
left: 0;
width: 100%;
height: 100dvh;
}

.slider {
display: flex;
position: relative;
width: 100%;
background-color: $colour-background;

&__link {
z-index: 2;
position: absolute;
bottom: 0;
padding: 20px;
color: $colour-carrousel-caption;
}

.swiper-button-next::after,
.swiper-button-prev::after {
content: '';
}

.swiper-button-prev {
margin-top: 0;
height: 100dvh;
width: 50%;
top: 0;
left: 0;
}

.swiper-button-next {
margin-top: 0;
height: 100dvh;
width: 50%;
top: 0;
right: 0;
}


Подробнее здесь: https://stackoverflow.com/questions/797 ... -module-bu