vue-cool-lightbox icon indicating copy to clipboard operation
vue-cool-lightbox copied to clipboard

image offset on the right the more images you have

Open Myystigri opened this issue 4 years ago • 5 comments

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

Myystigri avatar Feb 01 '21 09:02 Myystigri

exactly same here, lol

Subilan avatar Feb 06 '21 06:02 Subilan

Fixed with 2.7.1

Myystigri avatar Feb 10 '21 12:02 Myystigri

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.

Subilan avatar Feb 10 '21 13:02 Subilan

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

ajordaan avatar Jun 23 '21 14:06 ajordaan

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

OleksiiBrylin avatar Aug 05 '21 11:08 OleksiiBrylin