lucaspulliese / vue-cool-lightbox

Vue.js lightbox inspired by fancybox.
https://vue-cool-lightbox.lucaspulliese.com
341 stars 54 forks source link

image offset on the right the more images you have #77

Open Myystigri opened 3 years ago

Myystigri commented 3 years ago

It's not that obvious on the documentation example because there's only 3 images but basically the problem is that based on the index of the image in the slider, the image will be shifted slightly on the right. With 3 images it's subtle enough to not care, but the more images you have, the more obvious it is. Also it only happens based on the position of the image you clicked on to open the slider (if you click on the first image then slide through them to the last one, no offset, but if you open the last image it will be shifted on the right)

https://user-images.githubusercontent.com/16547785/106440397-1caf4100-6479-11eb-8e93-3e2509404e87.mp4 You can see it in this example by looking at the space difference on the right of the image based on which image i opened the slider with

It's also to note that the bug doesn't seem to appear on big sur chrome and safari but it does happen on the last version of chrome in windows 10

Subilan commented 3 years ago

exactly same here, lol

Myystigri commented 3 years ago

Fixed with 2.7.1

Subilan commented 3 years ago

Nope, the problem is still to me😥(no matter "bottom" gallery or "right" gallery). I fixed it by using fade effect which does not depend on swiper things.

ajordaan commented 3 years ago

EDIT: It works on actual mobile devices. Tested on Chrome and Safari on iOS.

Have the same issue except the Images are offset to the left. Seems like only the swipe effect is affected by this and only on mobile screen sizes. No issue when using the fade effect.

Difference in offset between the 3rd and 12th image in the array:

LIghtBox1 LIghtBox2

OleksiiBrylin commented 3 years ago

effect="fade" helped to skip the issue for me