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

[Pro 1.3.0] Issue with thumbnail width #168

Open ekerik220 opened 3 years ago

ekerik220 commented 3 years ago

The width of thumbnails is being adjusted so that they all fit on the screen at once. I think the expected behavior is for them to stay the same width, and if the screen gets too small to display them all, they can be scrolled with touch. That seems to be how it works on the demo on the website.

This is happening even with the most basic options set: <FsLightbox toggler={toggleLightbox} sources={media.map((m) => m.url)} />

thumbs

It happens with a small amount of items too. Window wide enough for them to have their full width: thumbs2 Window made as small as possible, thumbs are squished into the space: thumbs3

piotrzdziarski commented 3 years ago

What system and browser do you use?

piotrzdziarski commented 3 years ago

If anyone have this issue, check if he didn't set max-width globally on images. It must be unset for thumbs.