Angular matrial issue : Angular auto complete

[krishna moorthi]

My page contain Auto complete input elements . My last three text box when drop down shoing down but not able to see fully. So i try to this matAutocompletePosition="above" but my drop down still showing down only.

how to change the position

<mat-form-field>

                                    <mat-label>{{item.displayName}}</mat-label>

                                    <input formControlName="{{item.formControlName}}" matInput type="text" [matAutocomplete]="auto" matAutocompletePosition="above" (keypress)="onContactValueChanged(item.formControlName)">

                                    <mat-autocomplete #auto="matAutocomplete" [displayWith]="displayValue">

                                        <mat-option *ngFor="let client of clientContactsOptions| sortBy : 'contactLastName'" [value]="client">

                                            {{ client.contactLastName + ', ' + client.contactFirstName  }}

                                        </mat-option>

                                    </mat-autocomplete>

                                </mat-form-field>