/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 vote302 views1 answer
How to find the index of property in array of object in typescript
TypeScript
0 vote247 views1 answer
Which of the following statements will compile correctly?
TypeScript
0 vote261 views1 answer
Number of increments and decrements to make array sorted
TypeScript
0 vote250 views1 answer
Chevrons or angle brackets latex
TypeScript
0 vote255 views1 answer
Best way to display developer credits on a website
TypeScript
1 vote251 views2 answers
Passport serializeUser
TypeScript
0 vote249 views1 answer
Error UTC
TypeScript
0 vote230 views1 answer
Write a prolog program to find the sum of elements in given list.
TypeScript
0 vote238 views1 answer
How to use if statemnts c#
TypeScript
1 vote229 views2 answers
Typescript run on save
TypeScript