react-image-magnify
react-image-magnify copied to clipboard
Magnify Container problems
Hello, I use react image magnify in my nextjs project-
I am seeing one problem-
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?
I am also getting exact same issue. If anyone find the solution, please revert back.