/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 vote185 views1 answer
What is lexicographically smallest string
TypeScript
0 vote168 views1 answer
Weights [0.03333567, 0.07472567, 0.10954318, 0.13463336, 0.14776211, 0.14776211, 0.13463336, 0.10954318, 0.07472567, 0.03333567]
TypeScript
1 vote170 views1 answer
Whats my country
TypeScript
26 votes189 views4 answers
Typescript type from enum values
TypeScript
1 vote161 views1 answer
Start blender from terminal
TypeScript
19 votes164 views5 answers
Cannot use import statement outside a module typescript
TypeScript
0 vote172 views1 answer
Import hostlistener angular
TypeScript
9 votes178 views2 answers
Delete all child elements jquery
TypeScript
0 vote166 views1 answer
Change event doesn't work on dynamically generated elements .
TypeScript
0 vote202 views2 answers
Ng idle issue ERROR in node_modules/@ng-idle/core/lib/eventtargetinterruptsource.d.ts(29,9): error TS1086: An accessor cannot be declared in an ambient context.
TypeScript