I am trying to figure out why lastpass works with my login password field but not with username

I have a standard ionic/angular app with a regular form. Lastpass only works for the password field, it correctly identifies the domain that I need for my app and prefills password correctly.

However I can't figure out how to do the same for username field, here's a screenshot of how it works for password, but doesn't work like this for username:

![lastpass for password](https://i.imgur.com/ldtmpF7.png)

In that screenshot you see that "Passwords" is clickable above keyboard which invokes LastPass app.

```html

    <form [formGroup]="loginFormGroup">
        <ion-grid>
            <ion-row>
                <ion-col>
                    <ion-item color="none">
                        <ion-label position="floating">
                            Username or email
                            <span *ngIf="username.hasError('required') && username.touched">
                                field is required
                            </span>
                        </ion-label>
                        <ion-input
                            lines="full" class="ion-no-margin ion-no-padding"
                            type="text"
                            formControlName="username"
                            autocomplete="username"
                        ></ion-input>
                    </ion-item>
                </ion-col>
            </ion-row>
            <ion-row>
                <ion-col>
                    <ion-item color="none">
                        <ion-label position="floating">
                            Password
                            <span *ngIf="password.hasError('required') && password.touched">
                                is required
                            </span>
                        </ion-label>
                        <ion-input
                            lines="full"
                            class="ion-no-margin ion-no-padding"
                            type="password"
                            formControlName="password"
                            autocomplete="current-password"
                        ></ion-input>
                    </ion-item>
                </ion-col>
            </ion-row>
            <ion-row>
                <ion-col>
                    <ion-button
                        type="submit"
                        (click)="login()"
                        expand="block"
                        [disabled]="!loginFormGroup.valid"
                        fill="outline"
                    >
                        <ion-ripple-effect></ion-ripple-effect>
                        Login
                    </ion-button>
                </ion-col>
            </ion-row>
        </ion-grid>
    </form>

```