-
Notifications
You must be signed in to change notification settings - Fork 10
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Drag and drop not working #7
Comments
Hi, can you create a test case on codesandbox.io, happy to take a quick look |
For some reason it works in the sandbox but not when I run it locally with |
Have you set a doctype on your local version? |
Yes, the index.html has |
Okay, ehm, the code sandbox is a bust for me? |
I'm not sure what you mean it is a bust. |
Sorry, It doesn’t run, doesn’t show the FilePond drop area. |
It does not working for me either locally (build with Rollup). On Svelte REPL it works, however. What I noticed, the DataTransfer.files list is empty. |
This seems to be an issue with... I do not know, actually. Here there is a simple example of setting up Filepond in the simplest form possible. It works REPL, but not wehn build locally, from the project scaffolded with But it look slike Rollup.js is messing around. Just build the same application using Snowpack, and d'n'd works as expected. rollup.js.config file for reference:
|
I just updated the Please note that you need to set up post-css and sveltePreprocess to import the node_modules css files for FilePond. |
You must be referring to Svelte-kit using Vite. I still maintain some Svelte projects using rollup.js, but I haven't tried this with Svelte-kit. In the end I made my own component. |
Oh you're 100% right; I'm dumb. I was conflating svelte and its kit. Bummer. I mean, the CSS for the dropper is literally in the package, so is it not possible to just... change how the svelte.config.js is? I tried to add postcss: truee to my vitePreprocess, but admittedly, I don't know what I'm doing haha.
This is a lovely package though! Appreciate that it exists. |
Maybe these Pintura example projects can help, they both include a FilePond integration: |
I installed fishpond to a svelte template, but when I try dragging and dropping a file nothing happens. Clicking on the component however seems to work and allows me to select a file.
To Reproduce
Create a svelte app using the svelte-template and then install svelte-filepond per the readme.
Expected behavior
Dragging and dropping a file from my desktop to the fishpond component should start the on
onaddfile
event callinghandleAddFile.
about my project:
"filepond": "^4.27.1",
"filepond-plugin-image-exif-orientation": "^1.0.11",
"filepond-plugin-image-preview": "^4.6.6",
"svelte-filepond": "^0.0.1"
)
The text was updated successfully, but these errors were encountered: