search

vuetifyjs / vuetify

🐉 Vue Component Framework
https://vuetifyjs.com
MIT License
39.89k stars 6.97k forks source link

[Feature Request] Add Drag and Drop Visual Feedback to `v-file-input` Component. #20576

Open yb6b opened 1 month ago

yb6b commented 1 month ago

Problem to solve

When local files are dragged onto the v-input-file component, there is an absence of clear visual feedback, which might cause confusion. Users will not be certain whether drag and drop functionality is operational.

Proposed solution

I propose adding visual changes, such as a distinct border color when a file is being dragged over the input area, similar to what the Quasar framework does. This would render it more intuitive for users.

image

MatthewAry commented 1 day ago

https://github.com/user-attachments/assets/71c029cf-1738-4bcb-88d7-d88513a09492

I've done stuff like this before, but it's tricky! Lots of things to think about when it comes to files. Hopefully this video will be a little inspiring.