zoom issue?

[virtualgadjo]

Hi,
i'm running into a funny little issue
using the full fancybox.umd.js and fancybox.css, (i've tried with github and cdn ones) my links look like this

<a class="gallink" href="/site/assets/files/1071/campus_nation_5.jpg" data-fancybox="projgal" >
	<img src="/site/assets/files/1071/campus_nation_5.600x0.jpg" alt="" />
</a>

with or without the ="projgal" (with it, i get the thumbnails and gallery working perfectly) when i zoom an image, be it by clicking on the image or the toolbar zoom icon, even with the mouse wheel, the image zooms and then, immediatly jumps back to its former displayed size and to the left side of the window
same behaviour on chrome and ff (last release)

i've tried the js programmatic way, and removing every librairy that could conflict, isotoipe, bootstrap 5 bundle, etc, same result

so i'm wondering if there is any css librairy conflicting or some reserved css class not to be used outside of fancybox
any insight would be very welcome :)

have a nice day

[virtualgadjo]

Hi,
found out... i have a img: max-width !important i often use by default on top of my css, deleting the important solved the issue

funny enough, i also use lightlibrary (vanilla js) sometimes (i've bought a licence as for fancy apps...) and never ran into the same issue, probably because when it's used for images, those are surrounded by a picture tag and this tag width seems a little inifinite :)

edited to say,
in the end, my img max-width: 100% !important was too useful to always get rid of it, so problem solved with

.fancybox__slide img {
	max-width: unset !important;
}

in case it helped anybody running into the same issue...

have a nice day