AutofillGroup not working as expected

[BaroneX]

Steps to Reproduce

1. fill the username&password textfield
2. press the ‘other page’ button
3. press the ‘submit’ button

Expected results:
When i press the 'other page' button,the app doesn't show the system prompt
When i press the 'submit' button,the app show the system prompt
When the prompt is closed, the page will not jump up and down

Actual results:
When i press the 'other page' button,the app show the system prompt
When the prompt is closed, the page will jump up and down

Code sample

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  static const String _title = 'Flutter Code Sample';

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: _title,
      home: Scaffold(
        appBar: AppBar(title: const Text(_title)),
        body: MyStatefulWidget(),
      ),
    );
  }
}

class MyStatefulWidget extends StatefulWidget {
  const MyStatefulWidget({Key? key}) : super(key: key);

  @override
  _MyStatefulWidgetState createState() => _MyStatefulWidgetState();
}

class _MyStatefulWidgetState extends State<MyStatefulWidget> {
  var isSameAddress = true;

  final billingAddress1Key = UniqueKey();
  final billingAddress2Key = UniqueKey();
  final _formKey = GlobalKey<FormState>();

  @override
  Widget build(BuildContext context) =>  Form(
          key: _formKey,
          child: AutofillGroup(
            onDisposeAction: AutofillContextAction.cancel,
            child: ListView(
              padding: EdgeInsets.symmetric(horizontal: 16),
              children: [
                Column(
                  children: [
                    TextFormField(
                      autofillHints: [AutofillHints.username],
                      // validator: (value) =>
                      //     value!.isEmpty ? "some email please" : null,
                      decoration: const InputDecoration(
                        labelText: 'username',
                        hintText: 'enter username adress',
                      ),
                    ),
                    TextFormField(
                      autofillHints: [AutofillHints.password],
                      validator: (value) =>
                          value!.isEmpty ? "some password please" : null,
                      decoration: const InputDecoration(
                        labelText: 'password',
                        hintText: 'enter your password',
                      ),
                    ),
                  ],
                ),
                MaterialButton(
                  child: Text("submit"),
                  onPressed: () {
                    // if (_formKey.currentState!.validate()) {
                      TextInput.finishAutofillContext(shouldSave: true);
                      debugPrint("----> Naigate to 2nd Page");
                      Navigator.push(
                        context,
                        MaterialPageRoute(builder: (context) => SecondRoute()),
                      );
                    // }
                  },
                ),
                MaterialButton(
                  child: Text("other page"),
                  onPressed: () {
                      Navigator.push(
                        context,
                        MaterialPageRoute(builder: (context) => ThirdRoute()),
                      );
                  },
                ),
              ],
            ),
        
        ),
  );

  @override
  void dispose() {
    debugPrint("Form widget disposed");
    super.dispose();
  }
}

class SecondRoute extends StatefulWidget {
  @override
  _SecondRouteState createState() => _SecondRouteState();
}

class _SecondRouteState extends State<SecondRoute> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.red,
      // resizeToAvoidBottomInset: false,
      appBar: AppBar(
        title: Text("Second Route"),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            debugPrint("----> Naigate back to first page");
            Navigator.pop(context);
            //Navigator.pushReplacement(context, MaterialPageRoute(builder: (context) => MyApp()));
          },
          child: Text('Go back!'),
        ),
      ),
    );
  }

  @override
  void dispose() {
    debugPrint("2nd Screen widget disposed");
    super.dispose();
  }
}

class ThirdRoute extends StatefulWidget {
  @override
  _ThirdRouteState createState() => _ThirdRouteState();
}

class _ThirdRouteState extends State<ThirdRoute> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.red,
      // resizeToAvoidBottomInset: false,
      appBar: AppBar(
        title: Text("third Route"),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            debugPrint("----> Naigate back to first page");
            Navigator.pop(context);
            //Navigator.pushReplacement(context, MaterialPageRoute(builder: (context) => MyApp()));
          },
          child: Text('Go back!'),
        ),
      ),
    );
  }

  @override
  void dispose() {
    super.dispose();
  }
}

Logs

flutter analyze
Analyzing autofill_example-master 2...                                  
No issues found! (ran in 2.6s)

 flutter doctor -v
[✓] Flutter (Channel stable, 3.3.0, on macOS 11.3.1 20E241 darwin-x64, locale zh-Hans-CN)
    • Flutter version 3.3.0 on channel stable at /Users/blake/fvm/versions/3.3.0
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision ffccd96b62 (4 个月前), 2022-08-29 17:28:57 -0700
    • Engine revision 5e9e0e0aa8
    • Dart version 2.18.0
    • DevTools version 2.15.0
    • Pub download mirror https://pub.flutter-io.cn
    • Flutter download mirror https://storage.flutter-io.cn

[✓] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
    • Android SDK at /Users/blake/Library/Android/sdk
    • Platform android-33, build-tools 31.0.0
    • ANDROID_HOME = /Users/blake/Library/Android/sdk
    • Java binary at: /Applications/Android Studio.app/Contents/jre/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 11.0.10+0-b96-7281165)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 13.1)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Build 13A1030d
    • CocoaPods version 1.11.2

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2020.3)
    • 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 11.0.10+0-b96-7281165)

[✓] VS Code (version 1.74.2)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.56.0

[✓] Connected device (3 available)
    • 树上的男爵i (mobile) • 00008101-000D39681A22001E • ios            • iOS 15.3 19D50
    • macOS (desktop) • macos                     • darwin-x64     • macOS 11.3.1 20E241 darwin-x64
    • Chrome (web)    • chrome                    • web-javascript • Google Chrome 108.0.5359.124

[✓] HTTP Host Availability
    • All required HTTP hosts are available

• No issues found!

RPReplay_Final1672909184.MP4

[huycozy]

@BaroneX thanks for filing the issue. I can see you are using iOS 15.3 from your output flutter doctor -v.

And I see there's an open issue addressing the case you described #112281. So I will close this issue as a duplicate, so please follow up on it for further updates. You can leave there your comment and react an upvote to the original comment will help to raise the issue.

Thank you!

[BaroneX]

@huycozy It‘s not the same problem,When i press the 'other page' button,the app show the system prompt, the button dosen't call the 'TextInput.finishAutofillContext(shouldSave: true);', but it still show the system prompt

MaterialButton(
                  child: Text("other page"),
                  onPressed: () {
                      Navigator.push(
                        context,
                        MaterialPageRoute(builder: (context) => ThirdRoute()),
                      );
                  },
                ),

[huycozy]

@BaroneX You can take a look at sample code on #112281 (comment) that also doesn't use finishAutofillContext.

[ezamagni]

I'm having the same issue on iOS 16 and iOS 15.
@huycozy i think this issue is not duplicating #112281 since that issue is about an animation/UI glitch, this one is about AutofillGroup widget not honouring the onDisposeAction: AutofillContextAction.cancel parameter.

[huycozy]

@ezamagni Thanks for pointing this out. Would you mind filing a new issue for this? To avoid duplication with #112281, please only mention the issue you mentioned above.

@BaroneX Sorry for missing your other page case. I haven't looked at your sample code when it wasn't mentioned in the description. In case you can update the problem description as outlined by @ezamagni, please let me know and I will reopen this issue. If so, then @ezamagni doesn't need to file a new issue.

[github-actions]

This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.