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

Problem is scrolling page in mobile view

Open Abdullah-J01 opened this issue 1 year ago • 3 comments

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 avatar Sep 09 '24 05:09 Abdullah-J01

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

Abdullah-J01 avatar Sep 09 '24 10:09 Abdullah-J01

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.

nerdyman avatar Sep 09 '24 15:09 nerdyman

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

Abdullah-J01 avatar Sep 09 '24 16:09 Abdullah-J01