Hi,
I am using the web app in a browser. Safari and Chrome on a Mac and Safari on iOS devices. The Email field does not work as aspected. On my iPad it does not show the “email keyboard”. Usually when you have to enter an Emailadresse, the iPad shows a different keyboard where @-sign is displayed by default.
When I want to login to amazon, it displays the keyboard by default.
I am using 1Password to manage my logins and when I pick the entry from 1Password to login at InvoiceNinja, it only paste the password, not the email address.
The type of the email field is “text”. But I think it should by “email”.
Many thanks,
Gijs
1 Like
hillel
November 9, 2021, 2:35pm
2
Hi,
Thanks for the detailed feedback, we’ll work to correct this.
1 Like
hillel
November 9, 2021, 2:41pm
3
FYI… I believe this issue is related, please upvote if you have a GitHub account.
opened 12:53PM - 26 Nov 20 UTC
a: text input
framework
f: material design
a: quality
platform-web
has reproducible steps
browser: safari-macos
P4
found in release: 1.24
- When I autofill with the focus on the username textfield, it only fills the us… ername.
- When I autofill with the focus on the password textfield, it fills both username and password, but only if the username field is empty. If the username field is not empty, it does not fill the password.
This occurs both on mobile and desktop Safari.
Safari desktop: Version 14.0.1 (16610.2.11.51.8) on macOS Big Sur 11.0.1
Safari mobile: iOS 14.2
Tried with LastPass and Safari's saved passwords for autofill and the issue is the same.
Same issue in Firefox #68005.
```dart
AutofillGroup(
child: Column(
children: <Widget>[
TextFormField(
keyboardType: TextInputType.emailAddress,
autofillHints: [
widget.formType == AuthFormType.signIn
? AutofillHints.username
: AutofillHints.newUsername,
AutofillHints.email,
],
),
TextFormField(
autofillHints: [
widget.formType == AuthFormType.signIn
? AutofillHints.password
: AutofillHints.newPassword,
],
),
],
),
),
```
```
[✓] Flutter (Channel beta, 1.23.0-18.1.pre, on macOS 11.0.1 20B29 x86_64, locale
en-GB)
• Flutter version 1.23.0-18.1.pre at /Users/rh/Development/flutter
• Framework revision 198df796aa (6 weeks ago), 2020-10-15 12:04:33 -0700
• Engine revision 1d12d82d9c
• Dart version 2.11.0 (build 2.11.0-213.1.beta)
[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
• Android SDK at /Users/rh/Library/Android/sdk
• Platform android-30, build-tools 30.0.2
• Java binary at: /Applications/Android
Studio.app/Contents/jre/jdk/Contents/Home/bin/java
• Java version OpenJDK Runtime Environment (build
1.8.0_242-release-1644-b3-6915495)
• All Android licenses accepted.
[✓] Xcode - develop for iOS and macOS (Xcode 12.2)
• Xcode at /Applications/Xcode.app/Contents/Developer
• Xcode 12.2, Build version 12B45b
• CocoaPods version 1.10.0
[✓] Chrome - develop for the web
• Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
[✓] Android Studio (version 4.1)
• Android Studio at /Applications/Android Studio.app/Contents
• Flutter plugin can be installed from:
🔨 https://plugins.jetbrains.com/plugin/9212-flutter
• Dart plugin can be installed from:
🔨 https://plugins.jetbrains.com/plugin/6351-dart
• Java version OpenJDK Runtime Environment (build
1.8.0_242-release-1644-b3-6915495)
[✓] Connected device (2 available)
• Web Server (web) • web-server • web-javascript • Flutter Tools
• Chrome (web) • chrome • web-javascript • Google Chrome
86.0.4240.198
• No issues found!
```
1 Like
jack
August 21, 2022, 1:02pm
4
Any update on this? I’m using Firefox on Mac so it’s not just a Safari issue
hillel
August 21, 2022, 1:37pm
5
Autofill should work if you use the toolbar at the top of the browser window.
We’re waiting on the framework we use to improve it.