Почему не отображаются слайды Swiper?

Question

[Сергей]

Есть слайдер, зацикленный. Но что через свайп, что через навигацию - когда доходит до последнего слайда, то вот такая картина
,

стоит еще раз свайпнуть или нажать Next, то все ок


и так по кругу. Хотя если начать свайпать/навигировать в обратном направлении, то такого эффекта нет.

const authorsSlider = document.querySelector('[data-popular-authors-slider]');

  if (authorsSlider) {
    sliderBreakpoints(
      '[data-popular-authors-slider-pagination-mobile]',
      '[data-popular-authors-slider-pagination]',
      1024
    );

    const authorsSwiper = new Swiper(authorsSlider, {
      slidesPerView: 1,
      slidesOffsetBefore: 10,
      watchSlidesVisibility: true,
      watchSlidesProgress: true,
      pagination: breakpointsPagination,
      loop: true,
      spaceBetween: 10,
      slidesOffsetAfter: 0,
      navigation: {
        nextEl: '[data-popular-authors-slider-right]',
        prevEl: '[data-popular-authors-slider-left]'
      },
      breakpoints: {
        768: {
          slidesPerView: 3,
          slidesOffsetBefore: -70,
        },
        1024: {
          slidesPerView: 4,
          slidesOffsetBefore: 0,
        }
      }
    });

    authorsSwiper.update();
  }

Answer 1

[Антон Усачев]

slidesPerView: 4
Я вижу на экране больше. Отсюда вывод, что каждый слайд содержит несколько элементов. Я прав? В таком случае есть вероятность, что свайпер не может поместить нужное количество слайдов в установленную ширину экрана. Может, есть смысл сделать отдельный слайд для каждого элемента? Ну, или увеличить количество дублируемых наборов:
loopAdditionalSlides: [число]

Answer 2

[Сергей]

slidesPerView: 6 от 1024 - решило вопрос