diff --git a/_articles/features/auto-fill-ios.md b/_articles/features/auto-fill-ios.md new file mode 100644 index 00000000..c7b436eb --- /dev/null +++ b/_articles/features/auto-fill-ios.md @@ -0,0 +1,52 @@ +--- +layout: article +title: Auto-fill logins on iOS +categories: [features] +featured: false +popular: false +tags: [iOS, Auto-fill, autofill] +--- + +You can use the Bitwarden iOS app to add new and auto-fill existing logins on the web and in other apps. There are two settings which need to be enabled on iOS to cover all Auto-fill scenarios, Password Auto-fill and App Extension. These settings can be enabled from within the Bitwarden App under **{% icon fa-cog %} Settings**. + +### Enabling Auto-fill in Settings + +1. Tap **{% icon fa-cog %} Settings** on your iOS device. +2. Tap **Passwords and Accounts** +3. Tap **Auto-fill Passwords**. +4. Turn on Auto-fill. +5. Locate **Bitwarden** from the list and enable it. +6. It's considered good practice to disable any other Auto-fill services. + +The Auto-fill Setting is now enabled. + +## Testing the Auto-fill Feature + +1. Open an app that has not been signed in to. +2. View the login page for the app and focus the username or password field. Your keyboard will appear with "Passwords" at the top of the keyboard. +3. Tap Passwords. +4. This will launch the Bitwarden application. +5. Select the appropriate login from the list or search Bitwarden for the correct login. +6. Your username and password will be auto-filled. + +### Enabling App Extension in Settings + +1. Open the Bitwarden iOS app. +2. Tap the **{% icon fa-cog %} Settings** page. +3. Tap **App Extension**. +4. Tap the **Enable App Extension** button. +5. Locate **Bitwarden** from the list and enable it by tapping it. +6. You will now see "Extension Activated!" in green. +7. Tap back. + +The App Extension feature is now enabled. + +## Testing the App Extension Feature + +1. Open the browser of your choice. +2. View the login page for the website you'd like to enter. +3. Tap the share icon. +4. Scroll down until you see **Bitwarden** and tap on it. +5. This will launch the Bitwarden application. +6. Select the appropriate login from the list or search Bitwarden for the correct login. +7. Your username and password will be auto-filled. diff --git a/images/features/auto-fill-ios/ios_share_icon.png b/images/features/auto-fill-ios/ios_share_icon.png new file mode 100644 index 00000000..f5c82550 Binary files /dev/null and b/images/features/auto-fill-ios/ios_share_icon.png differ diff --git a/package-lock.json b/package-lock.json index d30df0fd..20d89769 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2200,9 +2200,9 @@ "dev": true }, "jquery": { - "version": "3.4.1", - "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.4.1.tgz", - "integrity": "sha512-36+AdBzCL+y6qjw5Tx7HgzeGCzC81MDDgaUP8ld2zhx58HdqXGoBd+tHdrBMiyjGQs0Hxs/MLZTu/eHNJJuWPw==", + "version": "3.5.1", + "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.5.1.tgz", + "integrity": "sha512-XwIBPqcMn57FxfT+Go5pzySnm4KWkT1Tv7gjrpT1srtf8Weynl6R273VJ5GjkRb51IzMp5nbaPjJXMWeju2MKg==", "dev": true }, "json-stable-stringify": { @@ -2227,9 +2227,9 @@ "dev": true }, "kind-of": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz", - "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==", + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", + "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", "dev": true }, "last-run": { diff --git a/package.json b/package.json index 03fb47dc..3c913658 100644 --- a/package.json +++ b/package.json @@ -9,13 +9,13 @@ }, "devDependencies": { "bootstrap-sass": "3.4.1", + "cross-env": "^5.2.0", "del": "^3.0.0", "fluidbox": "2.0.5", "font-awesome": "4.7.0", "gulp": "^4.0.0", - "jquery": "3.4.1", + "jquery": "^3.5.1", "lunr": "0.7.1", - "merge-stream": "1.0.1", - "cross-env": "^5.2.0" + "merge-stream": "1.0.1" } }