/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 vote210 views1 answer
Cannot find module 'dotenv' or its corresponding type declarations
TypeScript
1 vote190 views1 answer
Typescript dynamic key value object
TypeScript
0 vote175 views1 answer
Export data in Documents outside sandbox in swift
TypeScript
4 votes265 views1 answer
Require('dotenv').config() typescript
TypeScript
0 vote187 views1 answer
Get list of property values from list of objects swift
TypeScript
0 vote212 views2 answers
Handlebars custom helper
TypeScript
0 vote186 views1 answer
OSError: [E941] Can't find model 'en'. It looks like you're trying to load a model from a shortcut, which is deprecated as of spaCy v3.0. To load the model, use its full name instead:
TypeScript
-3 votes304 views3 answers
Ts warning Could not find a declaration file for module but runs
TypeScript
0 vote176 views1 answer
Ex term 15
TypeScript
0 vote209 views1 answer
How can I create an array with a range of decimal increments in SwiftUI ?
TypeScript