vue-file-agent icon indicating copy to clipboard operation
vue-file-agent copied to clipboard

Delete not work with sortable

Open phpiando opened this issue 2 years ago • 1 comments

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/

phpiando avatar Aug 12 '22 10:08 phpiando

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.

hcthangdev avatar Nov 17 '22 14:11 hcthangdev