/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 vote282 views1 answer
Route resource adonis middleware
TypeScript
0 vote285 views1 answer
Local Variable in Jenkins
TypeScript
2 votes265 views1 answer
MySQL cheatsheets pdf download
TypeScript
45 votes354 views5 answers
Cra typescript
TypeScript
1 vote259 views1 answer
Xaraktirismos tou tsiganou kai tou xose buendia sto keimeno 100 xronia monaksias, oi nees efeureseis
TypeScript
1 vote272 views2 answers
How to sort numbers in typescript
TypeScript
1 vote279 views1 answer
Two plots side by side r
TypeScript
0 vote256 views1 answer
Combine results from two columns in ms sql
TypeScript
0 vote265 views1 answer
What do you need local sccripts for
TypeScript
1 vote266 views1 answer
Nmap to find open ports kali linux
TypeScript