/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 vote335 views1 answer
How to convert millisecond to second to date momentjs
TypeScript
0 vote197 views2 answers
Does word start with vowel typescript
TypeScript
0 vote278 views2 answers
Check if breckets clossing properly
TypeScript
-1 vote179 views2 answers
Jquery in angular
TypeScript
2 votes182 views3 answers
Angular set url parameters
TypeScript
1 vote246 views1 answer
Ts partial record
TypeScript
0 vote205 views1 answer
Avoid hitting multiple same api hits angular
TypeScript
26 votes266 views3 answers
How to install typescript in windows 10
TypeScript
11 votes197 views1 answer
Remove dots from ul li
TypeScript
35 votes217 views6 answers
Comments in html
TypeScript