/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 vote104 views1 answer
How to do Email validation using Regular expression in Typescript
TypeScript
1 vote141 views1 answer
Replace all br tags within node with paragraph opening and closing tags
TypeScript
1 vote140 views2 answers
Docker An attempt was made to access a socket in a way forbidden by its access permissions.
TypeScript
6 votes127 views3 answers
Scroll to top angular
TypeScript
0 vote106 views1 answer
Count number of elements in multi-dimensional array python
TypeScript
4 votes108 views1 answer
Check ports in use docker
TypeScript
0 vote94 views1 answer
Go build could not read username
TypeScript
2 votes98 views1 answer
Typescript valueof interface
TypeScript
0 vote117 views1 answer
Capitalize first letter of all word typescript
TypeScript
0 vote116 views1 answer
Json2typescript ionic 5
TypeScript