vue-bootstrap-typeahead icon indicating copy to clipboard operation
vue-bootstrap-typeahead copied to clipboard

Working with API - no results

Open vpratfr opened this issue 5 years ago • 6 comments

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.

vpratfr avatar Sep 13 '18 17:09 vpratfr

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

alexurquhart avatar Sep 17 '18 15:09 alexurquhart

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

Owumaro avatar Sep 24 '18 12:09 Owumaro

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.

kyleweishaupt avatar Mar 18 '19 16:03 kyleweishaupt

Any update with this improvement?

inarucast avatar Apr 29 '19 14:04 inarucast

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?

wpgeek922 avatar Jul 23 '19 09:07 wpgeek922

I have pushed fix for the above issue. Accept my PR and merge it in to master.

wpgeek922 avatar Jul 23 '19 14:07 wpgeek922