Delete not work with sortable

safrazik / vue-file-agent

The most beautiful and full featured file upload component for Vue JS

https://safrazik.github.io/vue-file-agent/

MIT License

731 stars 93 forks source link

Delete not work with sortable #194

Open phpiando opened 2 years ago

phpiando commented 2 years ago

I'm using the library and I've identified a problem. When the "sortable" option is active, the "delete an image" option does not work, that is, when you click the "x" button to delete, nothing happens.

Has anyone ever experienced this?

To do the test you can use the demo that is on the site: https://safrazik.github.io/vue-file-agent/

hcthangdev commented 1 year ago

I have a solution to this problem. In sortable mode, please enable "handle" mode to be able to use "delete". If you want the "sort" touch point to be wider, adjust the css to enlarge the "handle" element as wide as the thumbnail. Next, use clip-path to leave the area of the delete button so that "sortable" and "delete" can be used flexibly.