[Bug] right alignement on data-state="overflow"

[deguich]

Is there an existing issue for this?

• [x] I have searched the existing issues

Have you updated Vue FilePond, FilePond, and all plugins?

• [x] I have updated FilePond and its plugins

Describe the bug

When a fixed height is set on .filepond--root, dropping multiple files causes a scrollbar to appear on .filepond--list-scroller. That's great but this css rule sets right: 0 :

.filepond--list-scroller[data-state='overflow'] .filepond--list {
    bottom: 0;
    right: 0;
}

It overrides this rule:

.filepond--list {
    left: 0.75em;
    right: 0.75em;
}

As a result, the file previews are no longer centered in the drop box.

Reproduction

Just upload files on a filepond with this css rule :

.filepond--root {
  max-height: 20rem;
}

Environment

- OS: Windows 11
- Browser: Firefox 142.0.1 (64 bits)
- Vue version: 3.4.15

[rikschennink]

Hi, Thanks for the detailed report, I'll look into as soon as possible.

Just wanted to add. I'm currently finishing up the final touches on FilePond v5 so when that is done I might go back and fix some stuff in 4.