Merge pull request #3809 from IgniteUI/bpachilova/fix-autocomplete-settings-sample

fix(autocomplete): fix positioning and maxHeight

Author: kacheshmarova

src/app/data-entries/autocomplete/movie/movie.component.html

@@ -6,7 +6,7 @@
     [(ngModel)]="cinemaSelected"
     />
   </igx-input-group>
-  <igx-drop-down #townsPanel maxHeight="300px">
+  <igx-drop-down #townsPanel maxHeight="200px">
     @for (town of towns; track town) {
       <igx-drop-down-item-group [label]="town.name">
         @for (cinema of town.cinemas | startsWith:cinemaSelected; track cinema) {

src/app/data-entries/autocomplete/movie/movie.component.scss

@@ -1,3 +1,9 @@
 .autocomplete {
     width: 50%;
 }
+
+:host {
+    height: 100%;
+    display: flex;
+    align-items: center;
+}