gatsby-remark-images-zoom
gatsby-remark-images-zoom copied to clipboard
Will Not Unzoom
This looks like a great start to a plugin I'm in need of. Awesome. However, I can't get the images to unzoom.
I'm using https://github.com/pretzelhands/gatsby-starter-semantic-ui as the starter with this configuration.
plugins: [
'gatsby-plugin-react-helmet',
'gatsby-plugin-less',
`gatsby-plugin-sharp`,
`gatsby-transformer-sharp`,
{
resolve: `gatsby-transformer-remark`,
options: {
plugins: [
{
resolve: `gatsby-remark-images`,
options: {
maxWidth: 300,
linkImagesToOriginal: false,
},
},
`gatsby-remark-images-zoom`,
`gatsby-remark-prismjs`,
`gatsby-remark-copy-linked-files`,
`gatsby-remark-smartypants`,
],
},
},
{
resolve: `gatsby-source-filesystem`,
options: {
name: 'images',
path: `${__dirname}/src/data/images/`,
},
},
I get the unzoom cursor, but it doesn't do anything.
Thoughts?
Hello @semireg, is the overlay unzooms when you scroll down? Can you reproduce the issue in http://codesandbox.io and send me the link?
I get the same issue as @semireg, you can continue to scroll up/down the page but nothing is clickable through the overlay (ie scrolling does not zoom you out), requires you to refresh the page to escape it.
After investigating this some more, I noticed that the smooth animation while zooming in also wasn't working, which made me wonder if maybe these problems were only in the development environment (gatsby develop) and not in the production environment (gatsby build & serve).
Turns out that was the case, neither of those issues were present when actually deployed, so this is something to do with how the app is running when in development. Hope that helps
@semireg how about using this?: https://github.com/JaeYeopHan/gatsby-remark-images-medium-zoom
I can confirm that this plugin suddenly stopped working with all the issues mentioned above.