angular-ui / bootstrap

PLEASE READ THE PROJECT STATUS BELOW. Native AngularJS (Angular) directives for Bootstrap. Smaller footprint (20kB gzipped), no 3rd party JS dependencies (jQuery, bootstrap JS) required. Please read the README.md file before submitting an issue!
http://angular-ui.github.io/bootstrap/
MIT License
14.29k stars 6.73k forks source link

Add option to display dropdown icon within typeahead that on click opens the custom popup template #6512

Open eric-fernandez opened 7 years ago

eric-fernandez commented 7 years ago

Feature description:

This feature will allow to optionally display dropdown icon within typeahead that on click open the custom popup template. This will make the typeahead more intuitive since users will be tempted to click on it a see what data is available for selection. Sometimes there is only 2 or 3 records available for selection and if the users don't happen to type the right words they cannot see what data is in there, and get frustrated, unless they have this new option that when you click on the dropdown icon it will display pop template with the available data. Quickbooks Online typeahead works just like this and it is awesome, I am attaching picture for better understanding.

Steps to reproduce the issue:

Type something that doesn't exists on the typeahead data source and nothing will show up as expected. Now try to find out what data is available within the data source, and you will get frustrated because it doesn't exists a way to make the pop template show up to see the data source data with out any filtering.

image

Version of Angular, UIBS, and Bootstrap

Angular: 1.5.11

UIBS: 2.5.0

Bootstrap: 3.3.7

eric-fernandez commented 7 years ago

Any feedback on this, it is a very important feature that will enhance the typeahead!!!