[PR #1814] feat: add support for password manager autofill on mobile devices #1704

New Issue

2026-04-25T00:00:44+02:00

adam commented

2026-04-25 00:00:44 +02:00

📋 Pull Request Information

Original PR: https://github.com/advplyr/audiobookshelf-app/pull/1814
Author: @meek2100
Created: 2/26/2026
Status: 🔄 Open

Base: master ← Head: pass_manager

📝 Commits (1)

ab2d815 feat: add support for password manager autofill on mobile devices

📊 Changes

2 files changed (+10 additions, -4 deletions)

View changed files

📝 components/connection/ServerConnectForm.vue (+2 -2)
📝 components/ui/TextInput.vue (+8 -2)

📄 Description

Brief summary
This PR adds support for native (Apple Keychain, Google Password Manager) and third-party (1Password, ProtonPass) password managers by implementing standard HTML5 autocomplete attributes in the login form.

Which issue is fixed?
Adds support for password managers with autocomplete.

Pull Request Type
Platforms: Both (Android and iOS)

App Layer: Frontend

In-depth Description
The mobile app's custom input component previously lacked the necessary metadata for mobile operating systems to identify login fields. By adding id, name, and autocomplete properties to the TextInput component and passing them to the native element, the app now allows the OS to suggest saved credentials.

Specifically:

TextInput.vue: Added props for id, name, and autocomplete to ensure they are bound to the underlying HTML input.

ServerConnectForm.vue: Updated the local authentication form to utilize these new props with standard values (username and current-password).

This is the standard, most reliable way to bridge WebViews with native credential providers.

How have you tested this?
Environment: Tested on [Android/iOS] using the Capacitor development workflow.

Steps:

Navigated to the "Connect to Server" screen.

Entered a server address and proceeded to the login form.

Observed that the system keyboard now displays the "Passwords" suggestion bar above the keys.

Verified that selecting a saved credential correctly populates both the username and password fields.

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/advplyr/audiobookshelf-app/pull/1814 **Author:** [@meek2100](https://github.com/meek2100) **Created:** 2/26/2026 **Status:** 🔄 Open **Base:** `master` ← **Head:** `pass_manager` --- ### 📝 Commits (1) - [`ab2d815`](https://github.com/advplyr/audiobookshelf-app/commit/ab2d81529563ac4b0e55df23be5beedb43b6294f) feat: add support for password manager autofill on mobile devices ### 📊 Changes **2 files changed** (+10 additions, -4 deletions) <details> <summary>View changed files</summary> 📝 `components/connection/ServerConnectForm.vue` (+2 -2) 📝 `components/ui/TextInput.vue` (+8 -2) </details> ### 📄 Description Brief summary This PR adds support for native (Apple Keychain, Google Password Manager) and third-party (1Password, ProtonPass) password managers by implementing standard HTML5 autocomplete attributes in the login form. Which issue is fixed? Adds support for password managers with autocomplete. Pull Request Type Platforms: Both (Android and iOS) App Layer: Frontend In-depth Description The mobile app's custom input component previously lacked the necessary metadata for mobile operating systems to identify login fields. By adding id, name, and autocomplete properties to the TextInput component and passing them to the native <input> element, the app now allows the OS to suggest saved credentials. Specifically: TextInput.vue: Added props for id, name, and autocomplete to ensure they are bound to the underlying HTML input. ServerConnectForm.vue: Updated the local authentication form to utilize these new props with standard values (username and current-password). This is the standard, most reliable way to bridge WebViews with native credential providers. How have you tested this? Environment: Tested on [Android/iOS] using the Capacitor development workflow. Steps: Navigated to the "Connect to Server" screen. Entered a server address and proceeded to the login form. Observed that the system keyboard now displays the "Passwords" suggestion bar above the keys. Verified that selecting a saved credential correctly populates both the username and password fields. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

adam added the pull-request label 2026-04-25 00:00:44 +02:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/audiobookshelf-app#1704