Add new Tag on top

I need to make the Add New Tag button on Top

Currently when we have many options, I can’t see the button at first even I don’t have that item in the dropdown list.

So if there’s option to show “Add a new tag” button on top of the menu list that would be better to understand that if the item is exists or not.

Something like this one:

<ng-select
    [items]="items"
    [addTag]="true"
    [addButtonPosition]="top" // or "bottom" or "auto" same as [dropdownPosition]
    bindLabel="name"
    (add)="onAddItem($event)"
    [(ngModel)]="item">
</ng-select>

Cheers!

[varnastadeus]

@angelo510 in your case maybe you should filter items differently? It is placed at the bottom because users shouldn’t be interested in adding new options while there are plenty of items to choose from.

[scolacurcio]

+1 for adding this functionality!

A common use case where this would be necessary is when using <ng-select> as a search input that is fetching some auto-suggested options from a server. It’s important for this use case to have the user’s search term on top since hitting Enter automatically selects the first item in the list, in my case, the first auto-suggested result, which is not intuitive for the user.

Ideally, the first result would be “Search for {searchTerm}”, followed by the list of suggestions, so that they can use the input as a regular search bar, where hitting Enter triggers a callback with the exact term they typed in.