[Autofill] account.ubisoft.com/en-US/login - Unable to use the password on this page

[djkato]

Unable to use the password on this page

• Passbolt Version: 3.12.0
• Platform and Target: -- Browser: Firefox 111.0.1 (64-bit) for Arch Linux -- Web server: 3.12.0 Introspective

What you did

Go to https://account.ubisoft.com/en-US/login and try to log in. Try to hover over the input fields looking for the Passbolt icon, then clicking on the extension and on the suggested account to use.

What happened

No passbolt icon popped up in the input fields, the autofill failed with Unable to use the password on this page. Copy and paste the information instead.

What you expected to happen

Autofill.

Further info of the page:

Pages HTML of the form

<form novalidate="" class="ng-pristine ng-invalid ng-touched">
    <app-apply-tippy-to-all-titles></app-apply-tippy-to-all-titles><app-login-email>
        <div class="form-group fg-custom ng-pristine ng-invalid fg-invalid ng-touched blur"><label for="AuthEmail">Email
                address</label><input aria-describedby="emailEmpty emailInvalid" autocomplete="email"
                class="form-control ng-pristine ng-invalid ng-touched" formcontrolname="email" id="AuthEmail"
                type="email"><i class="fg-icon-left emailIcon"></i>
            <div class="invalid-feedback" id="emailEmpty"> Required </div>
        </div>
    </app-login-email><app-login-password>
        <div class="form-group fg-custom ng-pristine ng-invalid fg-invalid ng-touched blur"><label
                for="AuthPassword">Password</label><input
                aria-describedby="passEmpty passInvalidCredentials passInvalidCombination"
                autocomplete="current-password" class="form-control ng-pristine ng-invalid ng-touched"
                formcontrolname="password" id="AuthPassword" type="password"><i
                class="fg-icon-left far fa-key"></i>
            <div class="invalid-feedback" id="passEmpty"> Required </div>
        </div>
    </app-login-password><app-login-remember-and-forgot>
        <div class="form-group split-2 ng-untouched ng-pristine ng-valid">
            <div class="remember-box" tippy="" data-tippy=""
                data-original-title="Check this box to automatically log in each time you return."><input
                    aria-describedby="rememberContainer" class="custom-checkbox ng-untouched ng-pristine ng-valid"
                    formcontrolname="remember" id="RememberMe" type="checkbox"><label for="RememberMe">Remember
                    me</label></div>
            <div class="forgot-link"><a role="button" href="null"> Forgot your password? </a></div>
        </div>
    </app-login-remember-and-forgot><app-recaptcha-enterprise>
        <div class="form-group" id="recaptchaEnterpriseContainer">
            <div id="recaptchaEnterpriseCheckbox" style="display: none;">
                <div style="width: 304px; height: 78px;">
                    <div><iframe title="reCAPTCHA"
                            src="https://www.google.com/recaptcha/..."
                            role="presentation" name="a-1p2afd47dgn0" scrolling="no"
                            sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation"
                            width="304" height="78" frameborder="0"></iframe></div><textarea id="g-recaptcha-response"
                        name="g-recaptcha-response" class="g-recaptcha-response"
                        style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea>
                </div><iframe style="display: none;"></iframe>
            </div>
        </div>
    </app-recaptcha-enterprise><app-login-errors-non-fields>
        <div class="form-group fg-custom"></div>
    </app-login-errors-non-fields><button class="btn btn-primary btn-block"> LOG IN </button></form>