Login with Face ID using AutoFill feature in Safari

We have an issue to log into website with Face ID using AutoFill feature of Safari on iPhone.

We are Not using the Web Authentication API with FaceID.

Our website has multiple html buttons on sign in page (forgot username, forgot password, sign in). 

When Face ID is used to AutoFill username and password and login into the website it uses the forgot username button which leads to forgot username page. So instead of using sign in button it uses forgot username button. 

Is there a html property that needs to be set on the sign in button so face id knows it should use that one?



STEPS TO REPRODUCE

  1.  Enable iCloud Keychain

  2.  Enable AutoFill for your Names and Passwords in Safari settings.

  3.  Open Safari and browse to website. Sign in as you normally would by entering your username and password. A message should pop up asking if you would like to save this password in your iCloud Keychain for AutoFill on all your devices. Tap on Save Password. 

  4. Sign out of the site

  5.  Try to Sign in using FaceID



Using:
IOS 14.4.1
Safari 14
iPhone 12 pro
Post not yet marked as solved Up vote post of mzeman Down vote post of mzeman
4k views
Posted by
mzeman
Reply
Add a Comment

Replies

Hi mzeman,

did you find a solution here? Just ran into the same problem today.

Regards

Posted by
weazle82
Up vote reply of weazle82 Down vote reply of weazle82

  • Hello.

    Unfortunately haven't found a solution yet....

    —
    mzeman
Add a Comment

Make sure that the login button is the only one with type “submit” in that form. The rest of the buttons can just be buttons with type “button” or convert them to styled “a” tag.

Posted by
IGODEV
Up vote reply of IGODEV Down vote reply of IGODEV
Add a Comment