vue-image-zoomer icon indicating copy to clipboard operation
vue-image-zoomer copied to clipboard

Tap to zoom out on mobile?

Open perreta opened this issue 1 year ago • 1 comments

I am currently using the legacy Vue 2 version for a Nuxt 2 project. The plugin is working great, and the desired functionality is working on desktop perfectly using :click-zoom=true.

Just to be verbose this is:

  • Click the image to engage the zoom
  • Hover around the image container to pan the zoom area
  • Click the image again to disengage the zoom

On mobile the behavior is very similar, but instead of hovering, users are of course dragging, and instead of clicking the image again to disengage, users click the close button. Is it possible to configure the plugin to allow for tapping the image again on mobile to disengage zoom, or is the use of a close button required?

perreta avatar Jul 24 '23 19:07 perreta

@perreta I'll have a look into it :)

samjonesigd avatar Jul 25 '23 07:07 samjonesigd

Added tap-to-close prop to 1.6.0 legacy(vue2) and 2.3.0 vue3 version @perreta

samjonesigd avatar May 03 '24 15:05 samjonesigd