title: Angular 2 : How to limit the number of search results in ng2-completer?
body: <p>Am using <a href="https://github.com/oferh/ng2-completer/" rel="noreferrer">ng2-completer</a> in my application, when we start enter something it will make api call and it will fetch the records from the server its working fine.<br><br> The issue is if completer gets more than 50 entries, then it overlaps the whole screen, how can i restrict the dropdown length ? <br/><br/> I tried the below css but its not working.<br></p>
  
  <pre><code>.completer-dropdown {
     overflow-y: auto !important;
     max-height: 100px !important;
   }
  </code></pre>
  
  <p>This is my html code.<br></p>
  
  <pre><code>&lt;ng2-completer  placeholder="Enter Your Locality Name" class="overlay" [dataService]="dataServiceForLocality" [minSearchLength]="3" [fieldTabindex]="2" [(ngModel)]="localityValue" (selected)="selectedLocality($event)" [textSearching]="'Please wait...'" formControlName="locality" style="height: 50px;" (keyup)="onKey($event.target.value)"&gt;&lt;/ng2-completer&gt;
  </code></pre>
  
  <p><br>
  You can check the live example <a href="http://oferh.github.io/ng2-completer/#/native" rel="noreferrer">here</a>.</p>
  
  <p><a href="https://i.stack.imgur.com/O2ydM.png" rel="noreferrer"><img src="https://i.stack.imgur.com/O2ydM.png" alt="Here is my issue screen shot"></a></p>