Swiper React — проблема с прокруткой на разной высоте ⇐ CSS

[Anonymous]

Я использую компонент Swiper из библиотеки swiper/react. У меня есть две горки разной высоты. Я установил autoHeight, чтобы оболочка слайдера адаптировала свою высоту к высоте текущего активного слайда.
Теперь мне нужно прокрутитьIntoView элемент div, который существует в одна из горок – та, что меньшей высоты. При прокрутке элементы свайпа теряют композицию.

Код: Выделить всё

.swiper-wrapper

div имеет правильную высоту, но он не отображается внутри div .swiper.
Здесь вы можете увидеть разницу в высоте, которая создается между вкладками после прокрутки:



Подробнее здесь: https://stackoverflow.com/questions/793 ... roll-issue