vue-bootstrap-typeahead
vue-bootstrap-typeahead copied to clipboard
Working with API - no results
There should be a way to give the user some feedback when there is no match from the API.
Currently we only see the shadow of the result list.
Good idea, I think either having a prop or custom slot (or both) to allow placeholder info would be useful. Will also allow users to give some additional feedback on loading state if there's an API call happening
Side note: when there are no results, we see the shadow of the empty result list only since a few commits.
A css rule padding-top: 5px;
was added to the list (to add a space between the input and the suggestions). This wouldn't happen using margin-top
:+1:
https://github.com/alexurquhart/vue-bootstrap-typeahead/blob/2731d01c84abb743754db2e0e434d86775ebc14e/src/components/VueBootstrapTypeahead.vue#L186
A slot for empty results would be super helpful to me. Really hoping this package gets updated sometime soon. It's the best solution I've found for an autocomplete with Bootstrap and Vue.
If anyone has a workaround for now I would greatly appreciate it.
Any update with this improvement?
Hi, I have the same requirement. There must be some way to convey users for no matches or empty results. Is there any update on the above issue?
I have pushed fix for the above issue. Accept my PR and merge it in to master.