gatsby-remark-images-zoom icon indicating copy to clipboard operation
gatsby-remark-images-zoom copied to clipboard

Will Not Unzoom

Open semireg opened this issue 5 years ago • 5 comments

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/`,
      },
    },

2019-05-19 at 3 43 PM

I get the unzoom cursor, but it doesn't do anything.

2019-05-19 at 3 43 PM

Thoughts?

semireg avatar May 19 '19 20:05 semireg

Hello @semireg, is the overlay unzooms when you scroll down? Can you reproduce the issue in http://codesandbox.io and send me the link?

baptadn avatar May 21 '19 12:05 baptadn

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.

kylecrsn avatar May 25 '19 01:05 kylecrsn

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

kylecrsn avatar May 25 '19 04:05 kylecrsn

@semireg how about using this?: https://github.com/JaeYeopHan/gatsby-remark-images-medium-zoom

JaeYeopHan avatar Jun 18 '19 01:06 JaeYeopHan

I can confirm that this plugin suddenly stopped working with all the issues mentioned above.

DenysVuika avatar May 03 '20 18:05 DenysVuika