Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

White flicker when zooming out #10

Closed
codergautam opened this issue Jan 19, 2024 · 2 comments
Closed

White flicker when zooming out #10

codergautam opened this issue Jan 19, 2024 · 2 comments
Assignees
Labels
bug Something isn't working

Comments

@codergautam
Copy link

I am getting a white flicker when zooming out. It's not on your website, so maybe I am messing something up.

My code:

      <ImageZoom src={Image} alt='Pupil Not Detected' width={size} height={size} />

It's very basic, so not sure what is causing this. I am using it in an TypeScript Electron app with React

Video:

2024-01-19.13-38-25.mp4
@Mario-Duarte
Copy link
Owner

That is quite interesting, I tried to replicate the issue but only managed to briefly (on first zoom out) replicate it when my network was throttled.

I have never tested this particular component with Electron, I would try to inspect the page and I would try to see if the src of the image is been unset or if you see any request for the same image in the network tab.

Group 1

The weirdness comes around the fact that the zoomed-in image never changes opacity as that sits in the background of the figure container and the zoom part is activated by fading out and in the original image on top.

Hope that makes sense and helps you in the debug process.

@Mario-Duarte Mario-Duarte self-assigned this Feb 19, 2024
@Mario-Duarte Mario-Duarte added the bug Something isn't working label Feb 19, 2024
@Mario-Duarte
Copy link
Owner

After a few new features I cannot replicate this, so I am closing this issue

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants