WHMCS OTP autofill

mmarch

Hello,

I am using 1password with WHMCS.
The autofill works well for username and password, but the OTP doesn't autofill on the next page.
What would 1password or WHMCS need to do to make it autofill?

The form looks like this:

*form method="post" action="/XXXX/dologin.php" role="form">
*input type="hidden" name="token" value="5ae6c7d1316558283d26d31a5c62091c18d4XXXX">
*div align="center">
*input type="text" name="key" maxlength="6" class="form-control input-lg" autofocus="">
*br>
*input id="btnLogin" type="submit" class="btn btn-primary btn-block btn-lg" value="Login">
*/div>
*/form>

Thank you
Michael

---

1Password Version: Not Provided
Extension Version: 1.22.3
OS Version: Not Provided
Sync Type: Not Provided

ag_yaron

Hey Michael,

I think the name of the field ("key") is not quite something that 1Password can recognize, but I'm not sure so we'll have to collect some page details and test it here.
Here's how to collect the page details:

In Chrome:

1. Right-click the 1Password extension icon on the top-right corner of your browser and select "Manage Extensions".
2. Turn on the "Developer Mode" toggle on the top right side of the page.
3. In the center of the page where you see the extension's details, click the "Background Page" link.
4. A new window will open. Select the "Console" tab at its top, then click the bottom part of the console so you can write in it.
5. Type in the following and hit Enter afterwards: localStorage.setItem("devtools", "Y")
6. Close Chrome completely, then relaunch it and unlock 1Password X.
7. Get to the 2FA field on the website but don't autofill it. Instead, right click the 1Password X extension icon on the top right and select "Developer tools" -> "Collect page details".
8. Copy the entire content of the collected page details and post it here.

In Firefox:

1. Enter about:debugging#/runtime/this-firefox in your address bar and press Return or Enter.
2. Click Inspect next to 1Password.
3. Click the Console tab in the Developer Tools window.
4. Paste the following command into the console and hit Enter: localStorage.setItem("devtools", "Y")
5. Restart Firefox, get to the problematic page, right-click the 1Password X icon, and select "Developer Tools" → "Collect Page Details".
6. Copy all the page details and post them here.

mmarch

Hello ag_yaron,

Here you go.

{
"unparsedUrl": "https://www.webou-pro.com/XXXX/login.php?redirect=/entrer/index.php",
"title": "WHMCS - Login",
"frames": [
{
"fields": [
{
"formOpid": 0,
"htmlName": "key",
"htmlClass": "form-control input-lg",
"isActive": true,
"maxLength": 6,
"opid": 0,
"type": "text"
},
{
"formOpid": 0,
"htmlId": "btnLogin",
"htmlClass": "btn btn-primary btn-block btn-lg",
"opid": 1,
"type": "submit",
"value": "Login"
},
{
"htmlClass": "btn btn-primary btn-sm dropdown-toggle",
"opid": 2,
"type": "button",
"value": "Choose Language",
"labelBefore": "Can't Access Your 2nd Factor Device? Login using Backup Code"
}
],
"forms": [
{
"headerText": "Login Your second factor is required to complete the login.",
"htmlAction": "https://www.webou-pro.com/XXXX/dologin.php",
"htmlMethod": "post",
"opid": 0
}
],
"origin": "https://www.webou-pro.com",
"title": "WHMCS - Login",
"pathName": "/XXXX/login.php",
"uuid": "fcaci1"
}
]
}

Kind regards
Michael

ag_yaron

Hey @mmarch ,
Thanks for the page details. Did you edit them by any chance? or was that everything the extension showed when you collected the details?

In any case, I'll forward it to our developers. Thank you :+1:

ref: dev/core/core#4308

mmarch

Hello ag_yaron,

I only edited the XXXX part of the URL.

Kind regards
Michael

ag_yaron

Thanks for the update, Michael!
Hopefully we will be able to improve things on that website in the near future.