search

lucaspulliese / vue-cool-lightbox

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

Add zoom for mobile #49

Open betz0r opened 4 years ago

betz0r commented 4 years ago

Hi, is there any possibility to add pinch-to-zoom or two-finger-zoom for mobile devices? Currently you state in the docs that it is disabled for mobile devices.

Thanks for your efforts, it's an amazing component!

lucaspulliese commented 4 years ago

Hi @betz0r!

Thanks for your words, I'm glad that you liked the component.

Yes, is the idea for a new version, currently I'm very busy, but I'll be back this weekend with the component I guess, to do some fixes.

betz0r commented 4 years ago

I did some investigation and the problem seems to be, that you can not disable native website zooming on iOS 10+ safari anymore thus there will be always only native zoom on websites on iOS safari.

I tested the component with iOS10+ and the zooming breaks actually the appearance of the lightbox completly, so the component is sadly usuable with iOS in the current state.

I didn't find any helpful hints on how to approach this with javascript because there is no actual way of retreiving the zoomed viewport size (width, height) to maybe readjust the gallery.

Do you already have an idea to approach this issue for the v3 rewrite?

briandijkstra1984 commented 3 years ago

I have the same issue for mobile.. Is there a work around for now? Or when is there a new release?

lucaspulliese commented 3 years ago

Hi @betz0r and @briandijkstra1984

First of all, sorry @betz0r, I thought I had answered your comment.

Now I think I have a stable version of the component, so I think is a good moment to start new features like this one, I will keep you updated.

narindersahani commented 2 years ago

Zooming not working on mobile properly. Please help me