react-image-magnify icon indicating copy to clipboard operation
react-image-magnify copied to clipboard

Magnify Container problems

Open siamahnaf opened this issue 2 years ago • 1 comments

Hello, I use react image magnify in my nextjs project-

I am seeing one problem-

Video_2023_09_20-1.webm

Why magnify image coming from left side. In storybook example all are okay. In my project I am getting this problem?

Here is my code-

<ReactImageMagnify
    imageProps={{
        alt: 'example small image',
        src: process.env.NEXT_PUBLIC_IMAGE_URL + selected,
        width: 400,
        height: 400
    }}
    magnifiedImageProps={{
        src: process.env.NEXT_PUBLIC_IMAGE_URL + selected,
        height: 1000,
        width: 1000
    }}
    onActivationChanged={function noRefCheck() { }}
    onDetectedEnvironmentChanged={function noRefCheck() { }}
    onPositionChanged={function noRefCheck() { }}
    portalProps={{
        horizontalOffset: 10,
        id: 'portal-test-id',
        placement: "right-start"
    }}
    magnifyContainerProps={{
        scale: 1,

    }}
    fadeDurationInMs={0}
    shouldUsePositiveSpaceLens={false}
/>

How can I solve my problem?

siamahnaf avatar Sep 20 '23 17:09 siamahnaf

I am also getting exact same issue. If anyone find the solution, please revert back.

SagarGound avatar Mar 27 '24 05:03 SagarGound