/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

1 vote192 views1 answer
React Native: Double back press to Exit App
TypeScript
0 vote173 views1 answer
Angular 8 TS2307: Cannot find module '@angular/cdk/clipboard'.
TypeScript
0 vote185 views1 answer
Test events where not received
TypeScript
3 votes177 views1 answer
Typescript array string to array literal
TypeScript
1 vote172 views1 answer
Tsconfig.json, Typescript
TypeScript
1 vote159 views1 answer
Typescript Error: Property 'files' does not exist on type 'HTMLElement'
TypeScript
0 vote163 views1 answer
Typescript doesnt read .d.ts
TypeScript
0 vote174 views1 answer
Pdf viewer ionic 4
TypeScript
0 vote201 views1 answer
Uncheck all checkboxes typescript
TypeScript
0 vote206 views2 answers
Remove upsell products woocommerce
TypeScript