nerdyman / react-image-turntable

Display a set of images as a draggable 360 degree turntable.
https://stackblitz.com/github/nerdyman/react-image-turntable/tree/main/example
MIT License
28 stars 2 forks source link

Problem is scrolling page in mobile view #36

Open Abdullah-J01 opened 1 month ago

Abdullah-J01 commented 1 month ago

Hi, mostly, the library works great for my use case but there is one issue When I am on mobile device and the turntable takes up a lot of real estate on screen, I cannot scroll the page down This is because the swipe down gesture is detected by turntable and the page does not scroll down like it should There should be a prop that allow us to disable vertical gesture, so we can scroll through our page without any issue (in mobile view) Sample: https://mtronicpk-development-vercel-nextjs.vercel.app/products/touch-panel-lcd-4-inch/ (The hero image is turntable)

Abdullah-J01 commented 1 month ago

Fixed in my project by using touch-action: pan-y; on the main div Instead of touch-action: none that is used at the moment

nerdyman commented 1 month ago

Thanks for raising this @Abdullah-J01

Have you found any issues using touch-action: pan-y? This could be the default instead of none if not.

Abdullah-J01 commented 1 month ago

Hello, At the moment, I did not find any issue with pan-y. I've given it to QA for testing But I think it will be safe to update it