Auto fill of email and password does not work with iOS

[phils-hub]

Has your issue been reported?

• [X] I have searched the existing issues and confirm it has not been reported.
• [X] I give permission for members of the FlutterFlow team to access and test my project for the sole purpose of investigating this issue.

Current Behavior

iOS detects that it can autofill, but after selecting e.g. a known email address or a known password, the value is not filled into the input field. Basically nothing happens. It also does not ask whether the credentials should be stored.

Expected Behavior

Should insert the email or password on user selection, should offer to store credentials for later re-use.

Steps to Reproduce

1. Use the standard auth flow template's login page.
2. Try to login

Or just create an input field of type email or password with auto fill enabled and observe on iOS.

Reproducible from Blank

• [X] The steps to reproduce above start from a blank project.

Bug Report Code (Required)

ITEez8rluJNJpbxJ7c+AY8JWqwMwHVgjbJ0vpe5+dwsjCeKqEIkLPMmkSEhBcuqHewt2DmD/njkdpdrMhYbhEvk3CwSZRqJizKVfUxDvfHK5b5StO5CKWGpPM/xgC0C90Kan3RZ5BNBiLlIG12CILuqQb3qCf9qOYwx5e6fDbOY=

Context

It basically makes login tedious, which is a terrible user experience. I am surprised that FlutterFlow has such issues, even though it has matured over the past year.

Visual documentation

Easy to replicate

Additional Info

No response

Environment

- FlutterFlow version: FlutterFlow v4.1 released April 11, 2024
- Platform: MacOS 15 Desktop App as well as Chrome
- Browser name and version:
- Operating system and version affected:

[paulperez-dev]

Hi @phils-hub, thanks for you report. The autocomplete and hint options are on the property panel, under the "Additional Properties" section.

Please let me know if your app behaves as expected after enabling those options.

[phils-hub]

@paulperez-dev apologies for the late reply and thanks for the quick response from your side. Those properties were already set appropriately. Basically iOS is not recognising the autofill property and hint configuration. It also does not ask whether the username and password should be saved (upon form submission).

Observations:

1. On create user account 1.1 Email field -> ✅ iOS suggests email addresses, 🔴 but no "hide my email" suggestion 1.2 Password -> ✅ iOS suggests opening password manager, 🔴 but does not suggest to generate a password 1.3 On submit -> 🔴 iOS does not suggest storing the credentials
2. On log in 2.1 🔴 No suggested population of credentials from iOS

[paulperez-dev]

@phils-hub If you want the ability to hide your email while registering, you need to add the option to sign with Apple. The other behaviors you mentioned are more related to web apps than to mobile apps, I mean, the browser is who suggests passwords and prompts to enter stored credentials.

[phils-hub]

Hi again @paulperez-dev, not to my knowledge. iOS and Android have active password managers that propose password generation and the storing and populating of passwords for mobile apps. So this is not a web app feature only.

FlutterFlow Apps not only do not enable iOS to suggest/generate a password, they also do not ask whether the credentials should be automatically filled. Please see the description here - https://support.apple.com/en-gb/guide/iphone/iphf9219d8c9/ios

If FlutterFlow does not support this then it makes any login and sign up process very tedious. WDYT?

[phils-hub]

@paulperez-dev and FlutterFlow team do you have any feedback on this and any recommendations on how to deal with it?

[paulperez-dev]

Hi @phils-hub, I will be looking into this. This may raise a feature request. I will keep you posted here.

[phils-hub]

@paulperez-dev what would the scope of the feature be? Let me know if I can support.

[github-actions[bot]]

This issue is stale because it has been open for 7 days with no activity. If there are no further updates, a team member will close the issue.

[rzambroni]

this might be related to a known bug on the flutter side that still haven't been fixed.
https://github.com/flutter/flutter/issues/84444

[smplfy]

Any updates on this issue? The login experience on iOS really does feel broken.

[d002054]

We have the same challenge. It would be great to get this fixed.

[paulperez-dev]

Hi everyone! Flutter needs to fix this first, there's not too much we can do in this case.

[smplfy]

This is still a major problem for my users. First experience is broken login. @paulperez-dev This does not appear to be the same issue as reported in the flutter issue above. That is related to keyboard type. Autofill does not work in any circumstance where face id is used. It seems the field loses focus and doesn't complete.