Skip to content

[WEB] [Safari] Autofill does not fill both login fields #71275

@ghost

Description

  • When I autofill with the focus on the username textfield, it only fills the username.
  • 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.

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!

Metadata

Metadata

Assignees

Labels

P2Important issues not at the top of the work lista: qualityA truly polished experiencea: text inputEntering text in a text field or keyboard related problemsbrowser: safari-macosonly manifests in Safari on macOSf: material designflutter/packages/flutter/material repository.found in release: 3.10Found to occur in 3.10found in release: 3.7Found to occur in 3.7frameworkflutter/packages/flutter repository. See also f: labels.has reproducible stepsThe issue has been confirmed reproducible and is ready to work onplatform-webWeb applications specifically

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions