Image problem after upload

[xknght]

Any images it is inserted at the bottom of the page with a large margin. Version 4.5

<link rel="stylesheet" href="filepond.min.css">
<link ref="stylesheet" href="filepond-plugin-image-preview.css">
    <form>
        <input type="file" name="image" accept="image/png, image/gif, image/jpeg">
    </form>
        <script src="filepond-plugin-image-preview.js"></script>
        <script src="filepond.min.js"></script>
        <script>
            FilePond.registerPlugin(FilePondPluginImagePreview);
            const inputElement = document.querySelector('input[name="image"]');
            FilePond.create(inputElement);
        </script>

[rikschennink]

Looks like you're either not loading the preview styles correctly or your page doesn't have a doctype.

[xknght]

I tried use other version filepond and plugins, non-min version. Document with BOM or not and nothing. Any suggestion ?

[rikschennink]

Please create a reproduction on codesandbox.io

[xknght]

codesandbox.io

https://codesandbox.io/embed/relaxed-grothendieck-xkr0e?fontsize=14&hidenavigation=1&theme=dark

[xknght]

OMG ref -> rel Sorry 👯