/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 vote211 views1 answer
Angular cancel http request
TypeScript
0 vote206 views1 answer
Join elements in a list with , java
TypeScript
0 vote206 views1 answer
Typescript check if value is in enum
TypeScript
4 votes238 views4 answers
ERROR in The Angular Compiler requires TypeScript >=4.0.0 and <4.1.0 but 3.4.5 was found instead.
TypeScript
2 votes200 views1 answer
Type casting in typescript
TypeScript
6 votes267 views2 answers
Check all running ports ubuntu
TypeScript
0 vote177 views1 answer
How to register events bukikt
TypeScript
0 vote235 views2 answers
Rails precompile assets production
TypeScript
1 vote192 views1 answer
Create docker secrets bash script
TypeScript
8 votes268 views3 answers
Angular window scroll to top not working
TypeScript