Skip to content

AutofillHints.middleName has no effect on TextField in Web.  #135542

@SpencerRiddering

Description

@SpencerRiddering

Is there an existing issue for this?

Steps to reproduce

  1. Open a Chrome browser
  2. Create an address profile in the "autofill" settings of the Chrome browser. The name for the address must include a middle name. For this example, I've used "Bob Will Smith".
  3. Go to https://dartpad.dev/
  4. Paste the attached sample code into the editor and run it.
  5. Type the letter "B" in the first text field, labeled "name".
  6. When the little pop-up shows up, select the address profile labeled "Bob Will Smith".
  7. Note that in the Flutter UI, the "name" text field is populate with "Bob Will Smith", the "givenName" text field is populated with "Bob", and the "familyName" text field is populated with "Smith".

Expected results

The "middleName" text field is populated with the value "Will".

Actual results

The "middleName" text field remains empty.

Code sample

Code sample
import 'package:flutter/material.dart';

void main() {
  runApp(AutofillBug());
}

class AutofillBug extends StatelessWidget {
  InputDecoration decor(String label) => InputDecoration(
        border: const UnderlineInputBorder(),
        labelText: label,
      );

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
          body: AutofillGroup(
        child: SingleChildScrollView(
            child: Wrap(runSpacing: 20, children: [
          TextField(
            decoration: decor(AutofillHints.name),
            autofillHints: const [AutofillHints.name],
          ),
          TextField(
            decoration: decor(AutofillHints.givenName),
            autofillHints: const [AutofillHints.givenName],
          ),
          TextField(
            decoration: decor(AutofillHints.middleName),
            autofillHints: const [AutofillHints.middleName],
          ),
          TextField(
            decoration: decor(AutofillHints.familyName),
            autofillHints: const [AutofillHints.familyName],
          ),
        ])),
      )),
    );
  }
}

Screenshots or Video

Screenshot

Screenshot from 2023-09-26 18-22-13

Logs

Logs

I'm not running a command.

Flutter Doctor output

Doctor output
[✓] Flutter (Channel stable, 3.10.3, on Pop!_OS 22.04 LTS 6.4.6-76060406-generic, locale en_US.UTF-8)
    • Flutter version 3.10.3 on channel stable at /home/spencer/fvm/versions/3.10.3
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision f92f44110e (4 months ago), 2023-06-01 18:17:33 -0500
    • Engine revision 2a3401c9bb
    • Dart version 3.0.3
    • DevTools version 2.23.1

[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.2)
    • Android SDK at /home/spencer/Android/Sdk/
    • Platform android-33, build-tools 33.0.2
    • ANDROID_HOME = /home/spencer/Android/Sdk
    • ANDROID_SDK_ROOT = /home/spencer/Android/Sdk
    • Java binary at: /usr/bin/java
    • Java version OpenJDK Runtime Environment (build 11.0.20.1+1-post-Ubuntu-0ubuntu122.04)
    • All Android licenses accepted.

[✓] Chrome - develop for the web
    • CHROME_EXECUTABLE = /opt/google/chrome/chrome

[✓] Linux toolchain - develop for Linux desktop
    • Ubuntu clang version 14.0.0-1ubuntu1.1
    • cmake version 3.22.1
    • ninja version 1.10.1
    • pkg-config version 0.29.2

[✓] Android Studio (version 2022.3)
    • Android Studio at /home/spencer/opt/android-studio
    • Flutter plugin version 75.1.2
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 17.0.6+0-17.0.6b829.9-10027231)

[!] Android Studio
    • Android Studio at /home/spencer/opt/android-studio/
    • 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
    ✗ android-studio-dir = /home/spencer/opt/android-studio/
    ✗ Unable to find bundled Java version.
    • Try updating or re-installing Android Studio.
    • Consider removing your android-studio-dir setting by running:
      flutter config --android-studio-dir=

[✓] Connected device (2 available)
    • Linux (desktop) • linux  • linux-x64      • Pop!_OS 22.04 LTS 6.4.6-76060406-generic
    • Chrome (web)    • chrome • web-javascript • Google Chrome 116.0.5845.179 unknown

[✓] Network resources
    • All expected network resources are available.

Metadata

Metadata

Assignees

No one assigned

    Labels

    P2Important issues not at the top of the work lista: text inputEntering text in a text field or keyboard related problemsengineflutter/engine related. See also e: labels.found in release: 3.13Found to occur in 3.13found in release: 3.15Found to occur in 3.15frameworkflutter/packages/flutter repository. See also f: labels.good first issueRelatively approachable for first-time contributorshas reproducible stepsThe issue has been confirmed reproducible and is ready to work onplatform-webWeb applications specificallyr: fixedIssue is closed as already fixed in a newer versionteam-webOwned by Web platform teamtriaged-webTriaged by Web platform team

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions