/TypeScript/Mat-autocomplete options dropdown does not stick when scrolling

Mat-autocomplete options dropdown does not stick when scrolling

//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

0 vote139 views3 answers
Passing Data between fragments in Android using Interface
TypeScript
1 vote138 views1 answer
Remove duplicates from array angular
TypeScript
3 votes145 views2 answers
Write an SQL query to fetch details of employees whose name starts with an alphabet 'A' and contains 10 alphabets.
TypeScript
15 votes178 views2 answers
How to check if var exists python
TypeScript
0 vote130 views1 answer
Tell me about your Automation strategy of manual test cases
TypeScript
0 vote137 views1 answer
Await constructor typescript
TypeScript
0 vote141 views1 answer
Angular 8 TS2307: Cannot find module '@angular/cdk/clipboard'.
TypeScript
0 vote172 views1 answer
How to create an unknown amount of objects in c++
TypeScript
0 vote145 views1 answer
What is hello world in typescript
TypeScript
0 vote137 views1 answer
Object notation string javascript\
TypeScript