/TypeScript/Mat auto complete floating issue

Mat auto complete floating issue

//in HTML
<input
  #autoCompleteInput //it is the selector used in component
  type="text"
  class="form-control"
  matInput
  [matAutocomplete]="auto"
  formControlName="country"
  (input)="filterCountries($event.target.value)"
/>

//in component
@ViewChild('autoCompleteInput', { read: MatAutocompleteTrigger, static: false })
autoComplete: MatAutocompleteTrigger;

ngOnInit(): void {
    window.addEventListener('scroll', this.scrollEvent, true);
}

scrollEvent = (event: any): void => {
    if(this.autoComplete.panelOpen)
      // this.autoComplete.closePanel(); //you can also close the panel 
      this.autoComplete.updatePosition();
};

Source: github.com

Similar codes

-1 vote147 views1 answer
Macro fiji bio-formats import options
TypeScript
0 vote131 views1 answer
Testing with limited information
TypeScript
1 vote78 views1 answer
What is test management review
TypeScript
0 vote113 views1 answer
Typescript find non matching objects in two arrays
TypeScript
35 votes129 views2 answers
Typescript last index of array
TypeScript
1 vote131 views1 answer
Git lits file in commit
TypeScript
0 vote131 views1 answer
Remove dots from image python
TypeScript
1 vote122 views1 answer
Can I 'git commit' a file and ignore its content changes?
TypeScript
0 vote117 views2 answers
Angular start date end date validation
TypeScript
0 vote121 views1 answer
Type script array declaration
TypeScript