Autocomplete component for Angular Material. Use for this Material for angular 2+ (i.e., `@angular/material/autocomplete`).
Questions tagged [mat-autocomplete]
144 questions
3
votes
0 answers
I need Angular Materials' AutoActiveFirstOption to turn false as soon as user hovers over other items
I need Angular Materials' AutoActiveFirstOption to turn false as soon as user hovers over other items in the drop down list. It doesn't make sense to continue to have the first item selected when user is hovering over any other item in the drop down…
Adam
- 2,070
- 1
- 14
- 18
3
votes
2 answers
Mat-AutoComplete error when using formArray
I added a formarray to account for multiple rows. In order to make it work with the index I had to change my definition from : shoppingCartList Observable; to shoppingCartList: Observable[] = []; however when I do that it throws an…
Flash
- 924
- 3
- 22
- 44
3
votes
2 answers
How to clear mat- autocomplete when no option is selected from autocomplete dropdown
I have successfully implemented mat-autocomplete and it is working fine if selected from auto complete drop down. I am facing issues when i have typed in some text and navigate to other fields without selecting below dropped in auto complete fields.…
Narendra Pandey
- 514
- 4
- 11
- 26
3
votes
3 answers
mat autocomplete - how to set option not found
How to set option not found for mat mat-autocomplete.
Below is my code:
IT Forever
- 43
- 1
- 7
3
votes
4 answers
Angular4 matAutocomplete not showing Value but ID on selecting an item
When I select an item in the following matAutocomplete formControl, I always get the ID, instead of the value, shown in the drop-down.
When I change [value]="baseCoin.ID" to [value]="baseCoin.Abbr", the correct string is shown when I select an item,…
user3004118
- 125
- 3
- 13
2
votes
1 answer
MatAutocomplete Options not highlighted while scrolling through down arrow
When I scroll down through the matAutocomplete options through the "down arrow", the options are not highlighted. In other words, its not indicating which option i have currently selected on hovered. It was working previously. Is this because of any…
user1991
- 61
- 2
- 9
2
votes
1 answer
Angular UI Freezes when using formArray with Material Auto-complete inside Mat-table
I'm using a mat-table inside a popup. Inside the mat-table there will be rows with mat-autocomplete.
The thing is I need to add rows dynamically. I'm using a formGroup inside which there is formArray.
this will be the Model of the FormGroup
{
…
Stephen26
- 84
- 5
2
votes
2 answers
Angular mat chips with auto complete not working
i want to implement the matAutoComplete in my angular project
i gone through some references
https://stackblitz.com/edit/mat-chips-angularmaterial?file=package.json
but i didn't get any options for autoComplete.
//component.html
Ankesh Pandey
- 137
- 1
- 15
2
votes
1 answer
Angular: cdk-virtual-scroll + autocomplete - cdk-overlay-pane issue
I'm using Overlay Module of Angular's CDK with mat-autocomplete.
Scenario:
There is mat-autocomplete input box with cdk-virtual-scroll and below that there are two buttons. Inputbox is preselected with one of the value from dropdown.
Issue:
Now if…
Anjali
- 21
- 1
- 3
2
votes
1 answer
How adjust the position of mat-option
I am running angular app, I have autocomplete field ,I want adjust position of this . I referred official document enter link description here under method ,
updatePosition -
Updates the position of the autocomplete suggestion panel to ensure that…
karansys
- 2,449
- 7
- 40
- 78
2
votes
2 answers
Angular material autocomplete results list is displaying behind the modal?
I have modal in which i have angular-material autocomplete. It's html is like this
Fahad Subzwari
- 2,109
- 3
- 24
- 52
2
votes
0 answers
Is there a way to set or override AUTOCOMPLETE_OPTION_HEIGHT
I am trying to use mat-autocomplete with a custom item height. I can adjust the option height using the following css:
.mat-option {
height: 25px !important;
line-height: 25px !important;
}
However, this causes the scrolling to break, when…
John Azzolina
- 120
- 2
- 8
2
votes
2 answers
mat-autocomplete inside an ng-template
I have a component that should choose beetween two mat-autocomplete depending an input value.
Both mat-autocomplete works without the ngIf, but when include it they stop working, I see "[object Object]" and it crashes when clicking:
Error:…
cucuru
- 3,456
- 8
- 40
- 74
2
votes
1 answer
mat-autocomplet binded inside mat-table has an issue - Angular 5
I have bind mat-autocomplete control (almost 30k records ) inside mat-table.
Here user is allowed to change values in auto complete and save the mat - table.
If user choose any different values in auto complete control in multiple rows of the…
karthik
- 21
- 5
2
votes
1 answer
mat-autocomplete not binding correctly
I'm attempting to use two matInput fields that each bind with separate mat-autocomplete panels. Following the steps here, I'm able to get one to work fine, but I'm having difficulties with two input fields and autocomplete panels.
Here's my…
Jared
- 21
- 1
- 2