Add a tag limit to the autocomplete input with a way to elide and display further tags

[charl]

The current maxTags setting only allows you to control how many tags are entered.

What I am thinking of is a visual way to elide the list of tags in the autocomplete input when they reach a configured amount of tags/input width.

The autocomplete input will then need to provide some form of elided message (something like: ...12 more) that when clicked will expand the input to a scrollable version of the input listing all selected tags.

The max-labels config parameter for angular-multi-select is an example of what I'm thinking of:

max-labels
Maximum number of items that will be displayed in the dropdown button. If not specified, will display all selected items.
Example: If we use the input-model $scope.inputList above, then
max-labels="1" will display: "Bruce Wayne, ... (Total: 2)" on the button.
max-labels="0" will display: "(Total: 2)" on the button.

[mbenford]

Are you talking about the tagsInput directive or the autoComplete directive?

[charl]

The tagsInput. The idea is to provide a visual summary limited to your inout only being one line in size so that a large number of tags in the tagsInput does not push one's whole form off-page.

[mbenford]

That seems a nice feature, but I'm not sure how it would be implemented right now. I'll add this to the backlog so I can come back to it in the future.

[zardaloop]

Hi @mbenford ,
Just going back to what you have suggested here #210 (comment)

How can you write this directive for Angular 1.3 because it does work for 1.2 but not for 1.3.

Many thanks.

[mbenford]

This issue was selected to be spring-cleaned by a script. More information can be found here.

If anyone thinks this was a mistake and this issue should be reopened, please leave a message below explaining why. Before doing so, please consider reading the CONTRIBUTING file.