Jump to content
View in the app

A better way to browse. Learn more.

Enpass Discussion Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

OTP autofill developer question

Featured Replies

I use premium enpass for years now and I'm really satisfied by it and recommend it to everyone I know.

I'm also a Developer and one thing that I would like to find out is, how we can implement OTP autofill with enpass on our websites?

For example: I visit a webpage, I use my keyboard shortcut to fill out the username and password and submit the form. Now the OTP field shows up and I want enpass to automatically, or with the same keyboard shortcut, to fill out the OTP field.

Is this possible? How does the HTML Input field need to look like? Special name, type or attribute?

 

Thank you in advance and keep up the good work!

Thank you for being a long-time Enpass user and for recommending it to others. Regarding your question about implementing OTP autofill with Enpass on websites, here's what you need to do:
1. Enable "Automatically copy and fill one-time code after autofill" in your browser settings for Enpass.
2. When you visit a webpage where you've stored the login details in Enpass, use your keyboard shortcut to fill out the username and password. 
3. After autofilling the username and password, when the OTP field appears on the webpage, simply use the keyboard shortcut (CRTL+V) to copy the OTP from Enpass.
Enabling the "Automatically copy and fill one-time code after autofill" setting in your browser settings will allow this workflow to function smoothly with Enpass.

  • Author
13 hours ago, Amandeep Kumar said:

Thank you for being a long-time Enpass user and for recommending it to others. Regarding your question about implementing OTP autofill with Enpass on websites, here's what you need to do:
1. Enable "Automatically copy and fill one-time code after autofill" in your browser settings for Enpass.
2. When you visit a webpage where you've stored the login details in Enpass, use your keyboard shortcut to fill out the username and password. 
3. After autofilling the username and password, when the OTP field appears on the webpage, simply use the keyboard shortcut (CRTL+V) to copy the OTP from Enpass.
Enabling the "Automatically copy and fill one-time code after autofill" setting in your browser settings will allow this workflow to function smoothly with Enpass.

Thank you for your reply, sadly it doesn't work.

I confirm I have the option activated in the browser extension settings. I fill the user/password credentials with my shortcut. Then the OTP field is shown and I use the same shortcut again. Nothing happens. I also tried the CTRL+V that you have mentioned, but it also is not working.

 

So I guess enpass is checking the source code of the page for some specific field values. Could you help me define the correct field values so enpass can find the field and correctly identify it as an OTP field?

 

Currently the field is displayed like that:
 

<div id="2faver-parent" class="d-flex flex-row justify-content-between">
  <input aria-label="two-factor code input field 1" type="text" name="2favercode[0]" maxlength="1" class="form-control twofa-input" autofocus>
  <input aria-label="two-factor code input field 2" type="text" name="2favercode[1]" maxlength="1" class="form-control twofa-input">
  <input aria-label="two-factor code input field 3" type="text" name="2favercode[2]" maxlength="1" class="form-control twofa-input">
  <input aria-label="two-factor code input field 4" type="text" name="2favercode[3]" maxlength="1" class="form-control twofa-input">
  <input aria-label="two-factor code input field 5" type="text" name="2favercode[4]" maxlength="1" class="form-control twofa-input">
  <input aria-label="two-factor code input field 6" type="text" name="2favercode[5]" maxlength="1" class="form-control twofa-input twofa-input-last" id="twofa-input-last">
</div>

 

In order to proceed with our investigation, could you please provide the following details: 

  • Enpass version and the operating system (OS) version of your device. 
  • Browser details (name and version).  
  • Confirm whether this issue occurs with other browsers too.
  • Confirm whether this issue occurs with some specific websites or with all websites.(Share URL)

Once you provide these details, I'll be better equipped to assist you in resolving the problem.

  • Author

I'm using the latest enpass version on debian Linux

Tested in Firefox (115.9.1esr (64-Bit)) and Brave (Version 1.64.116 Chromium: 123.0.6312.105 (Official Build) (64-Bit))

It doesn't matter which website, it doesn't work. For example paypal.com doesn't work

Thank you, I've forwarded this issue to the Enpass technical team for investigation. I'll keep you updated as soon as I receive any updates from them.

#SI-3778

  • 4 weeks later...

Our technical team has acknowledged the issue and is actively working on a solution. Fixing this bug may take some time, and the resolution will be included in the upcoming updates of the application. 

Currently, the extension doesn't fully support filling in all six individual 2FA fields. However, it can automatically populate most of the six-digit TOTP fields because the website handles that internally. The extension intelligently guesses the single TOTP field based on common keywords and tries to autofill it. Then, the website distributes the filled TOTP contents across the six fields. This behavior is also seen in PayPal.

  • 2 weeks later...
  • Author

Thank you for the feedback. Most of multi input 2FA have also a paste script in the background. It doesn't really matter which field it will get pasted.

  • 1 year later...

When will this feature be available? I can only log in via PayPal, which is very cumbersome.

Create an account or sign in to comment

Account

Navigation

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.