search

banthagroup / fslightbox-react

Basic version of Fullscreen Lightbox for React.js. Website: https://fslightbox.com/react
MIT License
169 stars 23 forks source link

Error when zoom in #235

Open OlivierLESAGE opened 1 year ago

OlivierLESAGE commented 1 year ago

Hi,

I have purchased pro version and i have a bug when i zoom in (not with all images):

Unhandled Runtime Error TypeError: Cannot read properties of null (reading 'classList')

Call Stack v node_modules/fslightbox-react/index.js (1:42194) f node_modules/fslightbox-react/index.js (1:41909) p node_modules/fslightbox-react/index.js (1:42054) a.zh node_modules/fslightbox-react/index.js (1:42501) t.startZooming node_modules/fslightbox-react/index.js (1:48696) u node_modules/fslightbox-react/index.js (1:39145) n.zoomIn node_modules/fslightbox-react/index.js (1:39232) $e.runSourceDownEventTargetActions node_modules/fslightbox-react/index.js (1:36041) Je.runNoSwipeActions node_modules/fslightbox-react/index.js (1:36557) Ge.listener node_modules/fslightbox-react/index.js (1:36786) HTMLDocument.upListener node_modules/fslightbox-react/index.js (1:37511)

I have this issue when i try to zoom in an image that is served from cloudflare CDN with a proxy, the source looks like /api/image/ac3b468a-0c53-4404-331e-591b587e9601?variant=previewlg

If i replace the source with the direct source (https://imagedelivery.net/...) it works well.

OlivierLESAGE commented 1 year ago

Find out that the issue is caused by the next and previous button ... if I put 2 sources it works fine ...

fbudassi commented 1 year ago

Find out that the issue is caused by the next and previous button ... if I put 2 sources it works fine ...

What do you mean by "put 2 sources"?