{"section":"known-issues","requestedLocale":"en","requestedSlug":"swiping-productimage-after-zooming-in-does-not-revert-the-zoom-causing-display-issues","locale":"en","slug":"swiping-productimage-after-zooming-in-does-not-revert-the-zoom-causing-display-issues","path":"docs/en/known-issues/Store Framework/swiping-productimage-after-zooming-in-does-not-revert-the-zoom-causing-display-issues.md","branch":"main","content":"## Summary\n\n\nWhen using the vtex.store-components product-image, when swiping an image to the side after clicking it for zoom, the first image will keep zoomed in, causing rendering issues when the user swipes back to it.\n\n\n##\n\n## Simulation\n\n\nIn a PDP that uses vtex.store-components product-image, access the mobile version of a product with at least two images.\nClick to zoom in the first image, then swipe to the next one.\nClick to zoom the second one, and swipe back to the first.\nDoing it back and forth will eventually cause some display issues to the currently zoomed in image.\nClicking on the image again to zoom out resets it back to normal.\n\n\n##\n\n## Workaround\n\n\nUse arrows to navigate between images and reduce the chance of users opting to swipe it.\n\nSet the prop \"zoomMode\": \"hover\" or \"zoomMode\":\"open-modal\". It prevents swiping when the image is zoomed, but changes behavior slightly."}