Mitch Cohen
Mitch Cohen

Reputation: 1645

How to detect when user used Password AutoFill on a UITextField

I've implemented all the app and server changes necessary to support Password Autofill on iOS 11, and it works well. I'd like it to work a little better.

My username and password fields are UITextFields. I would like to identify when a user has "autofilled" one of the two UITextFields, so I can progress to the next step. Currently the user autofills an item, then needs to press the Next button on the on-screen keyboard in order to advance. I'd like to trigger this on behalf of the user.

The WWDC2017 Password Autofill session says to use UITextFieldTextDidChange. This works, but of course this is also triggered when a user is manually typing in those fields.

My thought has been to compare the prior version of the text with the new version of the text, and assume that if the length has increased from zero to greater than some minimal length (2 or more), the user used autofill. That should work most of the time, but has a risk of a false trigger (fast typing on slow device perhaps). So to me, this may be a risky assumption.

I'm curious is anyone has found a more surefire way to determine if Password Autofill has been used on a UITextField, or just thinks my worry about a false trigger is unfounded.

Upvotes: 24

Views: 13884

Answers (8)

Bartłomiej Semańczyk
Bartłomiej Semańczyk

Reputation: 61840

Simply add the following extension. All you need to do is to use any library to get hex from backgroundColor. That is all.

import UIKit

extension UITextField {
    var isAutoFilled: Bool {
        let filtered = subviews.filter { $0.backgroundColor?.hex == "FAFFBD" || !$0.isUserInteractionEnabled }
        return !filtered.isEmpty && text!.count >= 3
    }
}

Upvotes: 0

Robin Daugherty
Robin Daugherty

Reputation: 7524

Not sure if the previous answer stopped working at some point, but I can't get it to work—I only get a single didBeginEditing call when AutoFill is used.

However, I did find a way to detect AutoFill. And keep in mind that it is possible for AutoFill to be used after some characters have already been entered, for example if the user has already typed some numbers in the phone number, then they AutoFill the full number.

For Swift 4/5, add the following to the delegate of the UITextField:

private var fieldPossibleAutofillReplacementAt: Date?

private var fieldPossibleAutofillReplacementRange: NSRange?

func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String) -> Bool {
    // To detect AutoFill, look for two quick replacements. The first replaces a range with a single space
    // (or blank string starting with iOS 13.4).
    // The next replaces the same range with the autofilled content.
    if string == " " || string == "" {
        self.fieldPossibleAutofillReplacementRange = range
        self.fieldPossibleAutofillReplacementAt = Date()
    } else {
        if fieldPossibleAutofillReplacementRange == range, let replacedAt = self.fieldPossibleAutofillReplacementAt, Date().timeIntervalSince(replacedAt) < 0.1 {
            DispatchQueue.main.async {
                // Whatever you use to move forward.
                self.moveForward()
            }
        }
        self.fieldPossibleAutofillReplacementRange = nil
        self.fieldPossibleAutofillReplacementAt = nil
    }

    return true
}

Upvotes: 15

Rustam Khisamov
Rustam Khisamov

Reputation: 301

I used this delegate method:

func textFieldDidChangeSelection(_ textField: UITextField) {
    // call when user select something
}

from documentation:

Method textFieldDidChangeSelection(_:) Tells the delegate when the text selection changes in the specified text field.te

Upvotes: 1

Mocha
Mocha

Reputation: 2253

This detects when user has autofilled via passwords. It may also trigger when user pastes text from their clipboard. (If textfield is empty)

You can probably handle the logic to remove user pasted cases with this link.. how to know when text is pasted into UITextView

  private var didAutofillTextfield: Bool = false {
    didSet {
      if didAutofillTextfield {
        // Fire analytics for user autofilling
      }
    }
  }


 func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String) -> Bool {
    // If the range is {0,0} and the string count > 1, then user copy paste text or used password autofill.
    didAutofillTextfield = range == NSRange(location: 0, length: 0) && string.count > 1
    return true
  }

Upvotes: 3

Mohammed Gomaa
Mohammed Gomaa

Reputation: 91

I found another simple way.. Hope it will help who is looking for it.

func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String) -> Bool {
// Usually string is coming as single character when user hit the keyboard .. 
// but at AutoFill case it will come as whole string which recieved .. 
// at this moment you can replace what you currently have by what you have recieved.
// In below case I'm expecting to recieve 4 digits as OTP code .. you can change it by what you are expecting to recieve.
    if string.count == 4 {
            doWhatEverYouByAutoFillString(text: string)
            return true
        } 
    }
}

Upvotes: -4

ethanhuang13
ethanhuang13

Reputation: 483

I'd like to trigger this on behalf of the user.

If this is your primary goal, I'm doing a little different approach here.

Upon showing the login form, I first check iCloud Keychain with SecRequestSharedWebCredential. If the closure returns a credentials, which means user's intent is to login with it, then I automatically login for him/her. Otherwise, make the login text filed becomeFirstResponder().

This approach does not support third-party password manager, but most people use iCloud Keychain I believe.

Upvotes: 0

Dan
Dan

Reputation: 4319

Found a solution.

When the password manager is used to autofill username + password, it will trigger didBeginEditing twice, faster than a human ever could.

So, I calculate the time between the events. If the time is extremely fast, then I assume that autofill (e.g. FaceID or TouchID) was used to enter credentials and auto-trigger whatever UI is next -- in my case, the User tapping "Sign-in".

Obviously, you have to set up the correct delegation of the UITextFields you want to monitor, but once you do that:

var biometricAutofillTime: Date!

func textFieldDidBeginEditing(_ textField: UITextField) {
    if biometricAutofillTime != nil {
        if Date().timeIntervalSince(biometricAutofillTime) < 0.1 {
            // NOTE: Need to hesitate for a very short amount of time,
            //        because, otherwise, the second UITextField (password)
            //        won't yet be populated
            DispatchQueue.main.asyncAfter(deadline: .now() + 0.2) { self.didTapSignin() }
        }
        biometricAutofillTime = nil
    }
    biometricAutofillTime = Date()
}

Upvotes: 6

duncanc4
duncanc4

Reputation: 1201

I don't think there is a better solution.

One thing I noticed is that autofill is only enabled when the text field is empty.

So if the text field went from empty to a length greater than the minimum password/username, then it is most likely autofill/paste.

I am using shouldChangeCharactersIn to detect the change in the UITextField. I'm not for sure if there is a case where text from the keyboard could be batched together before the delegate method is called.

Upvotes: 0

Related Questions