Strange behavior when zoom animation is activated

kingdido999 / zooming

🔍 Image zoom that makes sense.

https://kingdido999.github.io/zooming

MIT License

1.61k stars 121 forks source link

Strange behavior when zoom animation is activated #313

Closed theEMA-dev closed 3 years ago

theEMA-dev commented 4 years ago

When i click a image element to zoom, all my elements slide down. Its very disturbing.

To Reproduce Steps to reproduce the behavior:

go to https://theema-dev.github.io/highRES/
scroll down to second or third row.
click a image to zoom in.

Expected behavior I expect to everything stays static.

Desktop

OS: Windows 10
Browser [chrome, edge]
Version [newest]

kingdido999 commented 4 years ago

I tested your website in Chrome and Firefox on MacOS but everything seems fine. Unfortunately I don't have Windows 10 to test this out. Could you confirm the issue is reproducible in Firefox as well? Also do you see any error message from the dev console? It might also be helpful if you show me how you setup the Zooming instance.

theEMA-dev commented 4 years ago

It seems fine in firefox. I cant see any error at console in Chrome or Edge. You can check my instance here; html : https://gist.github.com/theEMA-dev/62d784c5e9be00c71bf815d773b32614 css : https://gist.github.com/theEMA-dev/a52eea9a2229adb8b97608a923c04ebe

kingdido999 commented 4 years ago

They look fine to me. It may be related to browser/OS, but unfortunately I could not debug further. I'll add a label to this issue in case someone could help.