title: Infinite scroll in mat-autocomplete angular 11
body: <p><em>Please don't mark it as duplicate</em></p>
  <p>I'm new in angular material design and I have a problem with mat-autocomplete. I have multiple <code>Mat-Autocomplete</code> in FormArray of FromGroup. On <code>keyup</code> in the input field, it's getting data from API calls and filled the autocomplete. After getting data on Keyup it will open the panel.</p>
  <blockquote>
  <ol>
  <li>when I press word then a list of autocomplete opens then I want this list as infinite-scroll</li>
  <li>I have multiple autocomplete in formArray of formGroup.</li>
  </ol>
  </blockquote>
  <p><strong>I don't want to use third-party dependency in the project like ngx-infinite-scroll.</strong></p>
  <p><a href="https://i.stack.imgur.com/GPvNH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GPvNH.png" alt="enter image description here" /></a></p>