filepond container not scrollable

[enisdenjo]

Summary

Unable to scroll when there are more items then the height of the filepond--root.

How to reproduce

Set max-height on the filepond--root, upload more items than the height of the container.

Expected behaviour

Scroll the container.

Actual behaviour

Items go outside the container and are not scrollable.

Environment

Filepond version: 3.0.2

[rikschennink]

Hi, haven't tested yet, but before I before I do a quick question, have you updated both the JS and CSS of FilePond and related plugins?

[enisdenjo]

I did. I use Filepond as a module from npm.

import { create } from 'filepond';
import 'filepond/dist/filepond.min.css';

[rikschennink]

Thanks for confirming @enisdenjo will get back to you as soon as possible.

[rikschennink]

@enisdenjo I just quickly tested this in Chrome but it seems to work correctly, did you have this problem in another browser maybe?

[rikschennink]

Okay, as I hit submit on the above message the bug jumps right at me.

[enisdenjo]

I am on Chrome too, the latest one. So you've caught the bug? 😄

[rikschennink]

We're getting there: https://twitter.com/rikschennink/status/1050274969505153025

[enisdenjo]

Haha thats right! One step closer to the fix. 😁

[rikschennink]

@enisdenjo Just published version 3.1.1 it should fix the issue. :-)

[enisdenjo]

Sweet, I can confirm that it works!

However, the scroll container does not update when the window is resized. My .filepond--root has height: 100% locking its height to the parent. When loading the page everything works out great, but if I resize the window height the scroller does not update, looks kinda ugly but its not urgent since users don't do that often. 😄

[rikschennink]

Fantastic!

Yeah, it currently doesn't redraw on resize. Feel free to open a separate issue about that.