Improve the usability of the object and image selectors

kingsdigitallab / crossreads

Palaeographical environment for CROSSREADS project

1 stars 0 forks source link

Improve the usability of the object and image selectors #33

Closed geoffroy-noel-ddh closed 1 year ago

geoffroy-noel-ddh commented 1 year ago

[x] show the selected object label when object input loses focus
[x] show all available objects by default when object input is empty
[x] intuitive way to show all objects when the input is not empty

geoffroy-noel-ddh commented 1 year ago

HTML datalist is simple and comes close to what I want. But unfortunately it can't be opened programmatically. So requirement 1 & 2 are not possible with vue.js.

So the best option is probably to build a combobox with vue.

geoffroy-noel-ddh commented 1 year ago

Note that Buefy UI component library is not yet compatible with the version 3 of vuejs we are using in the project.

Vuetify: https://vuetifyjs.com/en/components/combobox/