Validation not happeing for max length

[dhanarajp]

Hi Team/ @davidenke

Validation not happening while using virtual keypad, please suggest how to do and acheive this issue:

below is my code:

<mat-form-field class="full-width-input">
   <input matInput placeholder='Use rName' formControlName="userid" required maxlength="16">
   <mat-error *ngIf="isFieldInvalid('userid')"> Please enter the user name </mat-error>
</mat-form-field>

Expectation behavior: if configured maxlength is 16 in input, then it should be not allow more than 16 character

Current behavior it allowing more than 16 character