Почему в swiper при свайпе с помощью мышки слайды выводятся не полностью?

Question

[malayamarisha]

Всем привет.
В swiper при пролистывании слайдов с помощью мыши слайды начинают отображаться не полностью
При пролистывании слайдов с помощью стрелок такого не происходит
Подскажите, пожалуйста, с чем может быть связано?
Данной поведение возникает при стандартных настройках swiper:

slidesPerView: 2,
spaceBetween: 20,

Comments

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

Проверь настройку swiper freemode
Может быть включена и мышкой ты просто не докручиваешь до фикса.
А лучше свой вариант в codepen сделай.

[malayamarisha]

Александр Васильев, спасибо что откликнулись.

Проверь настройку swiper freemode

- freemode отсутствует в настройках. На всякий для теста с freemode = false ситуация сохраняется.

А лучше свой вариант в codepen сделай.

- свой вариант. Не идентично с проектным, но также слайды при пролистывании не полностью видны. Будто расчет происходит не на основании контейнера.
В проектном замечено, если изначально у swiper-wrapper translate3d(0px, 0px, 0px) и при перелистывании с помощью стрелки translate3d(-234px, 0px, 0px), но при свайпе мышью с translate3d(0px, 0px, 0px) перемещается на translate3d(-239px, 0px, 0px)

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

malayamarisha, в кодпен явно не хватает box-sizing

[malayamarisha]

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

в кодпен явно не хватает box-sizing

- точно, если в кодпен у
.swiper-slide добавить box-sizing: border-box, то при смещении мышью слайды ровно устанавливаются. В проекте это не помогает.

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

malayamarisha, версию swiper желательно сделать одинаковой и крайней в подключениях

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

malayamarisha, пропиши
*{box-sizing:border-box;}

[malayamarisha]

Александр Васильев, *{box-sizing:border-box;} оказывается есть в проекте от bootstrap

*,::after,::before {
    box-sizing: border-box
}

Замечено, что поведение отображения не полностью возникает в проекте с 1391px. На 1392px мышью перелистывается корректно. Хотя в codepen, если комментить breakpoints слайды адаптируются и листаются полностью.