Added support for credential popups with only password fields visible

keepassxc-browser/background/browserAction.js

@@ -1,4 +1,4 @@
-var browserAction = {};
+const browserAction = {};
 
 const BLINK_TIMEOUT_DEFAULT = 7500;
 const BLINK_TIMEOUT_REDIRECT_THRESHOLD_TIME_DEFAULT = -1;

keepassxc-browser/background/event.js

@@ -1,4 +1,4 @@
-var kpxcEvent = {};
+const kpxcEvent = {};
 
 kpxcEvent.onMessage = function(request, sender, callback) {
 	if (request.action in kpxcEvent.messageHandlers) {
@@ -124,7 +124,7 @@ kpxcEvent.onLoadKeyRing = function(callback, tab) {
 
 kpxcEvent.onSaveSettings = function(callback, tab, settings) {
 	browser.storage.local.set({'settings': settings}).then(function() {
-		kpxcEvent.onLoadSettings();
+		kpxcEvent.onLoadSettings(callback, tab);
 	});
 };
 

keepassxc-browser/background/httpauth.js

@@ -1,4 +1,4 @@
-var httpAuth = httpAuth || {};
+const httpAuth = {};
 
 httpAuth.requests = [];
 httpAuth.pendingCallbacks = [];

keepassxc-browser/background/init.js

@@ -11,7 +11,7 @@ keepass.migrateKeyRing().then(() => {
 });
 
 // Milliseconds for intervall (e.g. to update browserAction)
-let _interval = 250;
+const _interval = 250;
 
 
 /**

keepassxc-browser/background/keepass.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var keepass = {};
+const keepass = {};
 
 keepass.associated = {'value': false, 'hash': null};
 keepass.keyPair = {publicKey: null, secretKey: null};

keepassxc-browser/keepassxc-browser.js

@@ -4,6 +4,9 @@ $(this.target).find('input').autocomplete();
 // contains already called method names
 var _called = {};
 
+// Count of detected form fields on the page
+var _detectedFields = 0;
+
 browser.runtime.onMessage.addListener(function(req, sender, callback) {
 	if ('action' in req) {
 		if (req.action === 'fill_user_pass_with_specific_login') {
@@ -806,6 +809,7 @@ cipFields.getAllFields = function() {
 		}
 	});
 
+	_detectedFields = fields.length;
 	return fields;
 };
 
@@ -1075,7 +1079,7 @@ cipFields.useDefinedCredentialFields = function() {
 		}
 
 		if ($found) {
-			var fields = {
+			let fields = {
 				username: creds.username,
 				password: creds.password,
 				fields: creds.fields
@@ -1111,16 +1115,20 @@ cip.init = function() {
 		action: 'load_settings',
 	}).then((response) => {
 		cip.settings = response;
-		cip.initCredentialFields();
+		cip.initCredentialFields(true);
 	});
 };
 
 cip.detectNewActiveFields = function() {
 	const divDetect = setInterval(function() {
-		const fields = cipFields.getAllFields();
-		if (fields.length > 1) {
-			cip.initCredentialFields(true);
-			clearInterval(divDetect);
+		if (document.visibilityState !== 'hidden') {
+			const fields = cipFields.getAllFields();
+
+			// If only password field is shown it's enough to have one field visible for initCredentialFields
+			if (fields.length > (_detectedFields == 1 ? 0 : 1)) {
+				cip.initCredentialFields(true);
+				clearInterval(divDetect);
+			}
 		}
 	}, 1000);
 };
@@ -1290,8 +1298,16 @@ cip.preparePageForMultipleCredentials = function(credentials) {
 	// initialize autocomplete for username fields
 	if (cip.settings.autoCompleteUsernames) {
 		for (const i of cipFields.combinations) {
-			if (_f(i.username)) {
-				cipAutocomplete.init(_f(i.username));
+			// Both username and password fields are visible
+			if (_detectedFields >= 2) {
+				if (_f(i.username)) {
+					cipAutocomplete.init(_f(i.username));
+				}
+			} else if (_detectedFields == 1) {
+				// If only password field is the visible one
+				if (_f(i.password)) {
+					cipAutocomplete.init(_f(i.password));
+				}
 			}
 		}
 	}

keepassxc-browser/manifest.json

@@ -1,7 +1,7 @@
 {
 	"manifest_version": 2,
 	"name": "keepassxc-browser",
-	"version": "0.4.0",
+	"version": "0.4.1",
 	"description": "KeePassXC integration for modern web browsers",
 	"author": "Sami Vänttinen",
 	"icons": {