Closed majortom64 closed 2 years ago
If you want to use FilePond like this (append it to another element) then I'd advise not to use the Vue FilePond wrapper but instead use the core library.
Alternatively you can adjust the FilePond styles to enlarge the drop area.
Is there a list of which methods are available on Vue-FilePond vs those that are not?
There is not, for the most part you should not use the functions that interact with the DOM, that's what the components are for.
Is there an existing issue for this?
Have you updated Vue FilePond, FilePond, and all plugins?
Describe the bug
I am trying to make a
DIV
be a FilePond Element. I followed the in the documentation with the following code:The error I get is: TypeError: this.$refs.ctPond.appendTo is not a function. (In 'this.$refs.ctPond.appendTo(pondDiv)', 'this.$refs.ctPond.appendTo' is undefined)
Reproduction
The goal is to make the light red area the drop zone, not just the dark red (what is the current Vue-FilePond object).![Screen Shot 2021-12-20 at 10 00 49 AM](https://user-images.githubusercontent.com/5418629/146812717-2c1aba80-2ab9-462e-908c-ccafd8de0f73.png)
Environment