Closed AntoineSueur closed 6 months ago
Hi @AntoineSueur I can indeed scroll horizontally on the preview images, are you not able to do so?
https://github.com/gradio-app/gradio/assets/1778297/6e09dc01-d010-4571-a08a-2beff11b44f3
Hi @abidlabs, thanks for the quick answer ! No unfortunately it doesn't work on my side, checked on a different browser and OS just in case but still got the same issue. Here's a small recording : screen-capture.webm
Everything seems to work fine for the last elements but the first ones seem to remain hidden. Quick question on your video, is the first gallery thumbnail actually associated to the first image when inspecting the element ? When varying the window size, the first thumbnail can actually be associated to a another image than the first (13th in my case in the screenshot below)
@abidlabs Small update, seems like the default justify-content css value for the Gallery component was creating this issue.
Overriding it with a the following custom css fixed it:
.thumbnails.scroll-hide.svelte-hpz95u { justify-content: unset; padding-left: 5px; padding-right:5px;}
Describe the bug
Gradio's Gallery component doesn't seem to support a large number of images that overflow the component. It is impossible to access the left-most images by scrolling. The user must use the arrows to access the first images.
Is this behavior expected and if not, would it be possible to make all images accessible ?
Have you searched existing issues? 🔎
Reproduction
Screenshot
Logs
No response
System Info
Severity
I can work around it