Как сделать увеличение размера слайдов в Swiper?

Question

[leeroyjenkins176]

Хочу добиться такого поведения: по умолчанию размер слайдов определяется по размеру контента. Но если в контейнере есть свободное место, то слайды должны увеличиваться.
Пробовал им добавить flex-grow: 1 (пример ниже), но после слайдер начинает работать некорректно, а именно появляеться пустое место, если размер контейнера больше чем суммарная ширина слайдов

Comments

[Александр Васильев]

https://swiperjs.com/demos#slides-per-view-auto ?

[leeroyjenkins176]

Александр Васильев, у меня в примере этот параметр используется. Задача в том, что если слайдер занимает 1000px, а внутри два слайда по 200px, то они автоматически должны растягиватся на всю доступную ширину.
При этом если слайдер имеет размер 300px, то слайды занимают все те же 200px каждый, но теперь есть возможность прокрутки.
Я пробовал это сделать, добавив слайдам flex-grow: 1, но в этом случае если рассматривать пример выше при размере слайдера более 400px он резервирует место под третий слайд, хотя их только два.

Answer 1

[leeroyjenkins176]

Экспериментальным путем выяснил, что если удалить параметр spaceBetween, то вариант с .swiper-slide {flex-grow: 1} начинает работать корректно.