react-image-gallery icon indicating copy to clipboard operation
react-image-gallery copied to clipboard

Vertical swiping through a page blocked on any mobile device

Open jancama2 opened this issue 9 months ago • 5 comments

Checklist before opening an issue
Lots of issues are opened that are unrelated to this lib, please take a moment to ensure the issue is not on your end 🙏.

  • [x] Did you try google/chatgpt?
  • [x] Did you search for previous Issues in this repo?

Describe the bug
The new version breaks vertical swipe scroll on mobile device. The gallery doesn't respond to vertical swiping at all.

I do suspect the new vertical sliding feature included in the version.

Image Gallery Version
1.4.0

To Reproduce
Steps to reproduce the behavior:

  1. Go to the live demo page on mobile. https://linxtion.com/demo/react-image-gallery/
  2. Try to vertical swipe over the gallery.
  3. You cannot vertically swipe through the page.

Expected behavior
When you do not use vertical slideshow, you should be able to swipe vertically through page even over the gallery.

Client info (please complete the following information):\

  • OS: any
  • Browser: ang

jancama2 avatar Mar 17 '25 18:03 jancama2

this should solve the issue

.image-gallery-slides {
  touch-action: auto !important;
}

serzhshakur avatar Mar 28 '25 17:03 serzhshakur

this should solve the issue

.image-gallery-slides {
  touch-action: auto !important;
}

Works! Thank you!

luimont avatar Mar 30 '25 23:03 luimont

Works perfectly Thank you!

desta avatar May 31 '25 16:05 desta

I got the same bug and fixed it by using your css. Thank you!

stewebb avatar Jun 01 '25 01:06 stewebb

It finally works, thank you!

this should solve the issue

.image-gallery-slides {
  touch-action: auto !important;
}

dariasavina277 avatar Jul 29 '25 14:07 dariasavina277