/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 vote255 views1 answer
Typescript filter list of objects based on latest date
TypeScript
0 vote254 views1 answer
Requirements check failed for jdk 8 (
TypeScript
0 vote259 views1 answer
Does i5 7th generation processor supports windows 11
TypeScript
0 vote278 views1 answer
The react-scripts package provided by Create React App requires a dependency: [1] [1] "webpack": "4.42.0"
TypeScript
1 vote253 views1 answer
Moving data between the request in api
TypeScript
0 vote257 views1 answer
.htaccess Preventing requests with invalid characters
TypeScript
21 votes280 views2 answers
Typescript array insert
TypeScript
17 votes282 views2 answers
Disable li decoration
TypeScript
21 votes270 views2 answers
Npm typescript package
TypeScript
3 votes257 views1 answer
Angular access page
TypeScript