@dollar1610

Не корректная работа библиотеки react-id-swiper на safari?

На сафари, библиотека react-id-swiper на первые четыре слайда, когда разрешение экрана 768px, не применяет часть классов, и не установлен атрибут style="width: 360px". При том такое только на сафари.
Swiper - 1.6.1
Safari - 11.3
macOS - 10.13.6
react - 15.5.4
То как на Сафари
5ba0fe7e68cd9905022862.png

То как на Хроме
5ba0ff2868d7d824354295.png

Код ниже.
Сам кусок кода

const gridParams = {
      loop: true,
      slidesPerView: 2,
      pagination: {
        el: '.m-bullets.m-bullets--four',
        bulletClass: 'm-bullets__item',
        bulletActiveClass: 'active',
        type: 'bullets',
        clickable: true,
      },
      breakpoints: {
        767.98: {
          slidesPerView: 1,
        },
      },
    };
<Swiper {...gridParams}>
                    {others.map((item, index) => (
                      <div key={item.get('id')}>
                        <div className="o-responsive-grid__col">
                          <Teaser item={item} itemPosition={index} />
                        </div>
                      </div>
                    ))}
                  </Swiper>

  • Вопрос задан
  • 134 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы