Glitch when switching between text fields with autofillHints and autocorrect

This issue is similar to the one I've posted before: https://github.com/flutter/flutter/issues/80423

As you can see on the video the glitching happens when switching between the text fields that have some autofillHints added like `AutofillHints.givenName` and autocorrect set to false.
When autocorrect is set to true though the autofill suggestion section doesn't disappear when switching between text fields
but there's still a little flickering in that menu happening but that's not that big of a deal.

Tested on both stable (2.2.3) as well as latest master

<details>
  <summary>code sample</summary>
  
 ```dart
import 'package:flutter/material.dart';

void main() {
  runApp(App());
}

class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Padding(
          padding: EdgeInsets.only(left: 30, right: 30),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Text(
                'With Autocorrect',
                style: TextStyle(fontSize: 28, fontWeight: FontWeight.bold),
              ),
              SizedBox(height: 10),
              TextField(
                decoration: InputDecoration(labelText: 'First Name'),
                autofillHints: [AutofillHints.givenName],
                autocorrect: true,
              ),
              SizedBox(height: 10),
              TextField(
                decoration: InputDecoration(labelText: 'Last Name'),
                autofillHints: [AutofillHints.familyName],
                autocorrect: true,
              ),
              SizedBox(height: 60),
              Text(
                'Without Autocorrect',
                style: TextStyle(fontSize: 28, fontWeight: FontWeight.bold),
              ),
              SizedBox(height: 10),
              TextField(
                decoration: InputDecoration(labelText: 'First Name'),
                autofillHints: [AutofillHints.givenName],
                autocorrect: false,
              ),
              SizedBox(height: 10),
              TextField(
                decoration: InputDecoration(labelText: 'Last Name'),
                autofillHints: [AutofillHints.familyName],
                autocorrect: false,
              ),
            ],
          ),
        ),
      ),
    );
  }
}

```
</details>

<details>
  <summary>flutter doctor</summary>
  
```
[✓] Flutter (Channel stable, 2.2.3, on macOS 11.4 20F71 darwin-x64, locale en-US)
    • Flutter version 2.2.3 at /Users/alexmiller/flutter
    • Framework revision f4abaa0735 (8 weeks ago), 2021-07-01 12:46:11 -0700
    • Engine revision 241c87ad80
    • Dart version 2.13.4

[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
    • Android SDK at /Users/alexmiller/Library/Android/sdk
    • Platform android-30, build-tools 30.0.2
    • ANDROID_HOME = /Users/alexmiller/Library/Android/sdk
    • Java binary at: /Users/alexmiller/.sdkman/candidates/java/current/bin/java
    • Java version OpenJDK Runtime Environment (AdoptOpenJDK)(build 1.8.0_275-b01)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 12.5, Build version 12E262
    • CocoaPods version 1.10.1

[✓] 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
    ✗ Unable to find bundled Java version.
    • Try updating or re-installing Android Studio.

[✓] VS Code (version 1.58.2)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.25.0

[✓] Connected device (4 available)
    • SM N9760 (mobile)      • adb-RFCM808D6GD-DCcdMZ._adb-tls-connect._tcp. • android-arm64  • Android 11 (API 30)
    • Alex’s iPhone (mobile) • 00008020-0019358426F1002E                     • ios            • iOS 14.6
    • macOS (desktop)        • macos                                         • darwin-x64     • macOS 11.4 20F71 darwin-x64
    • Chrome (web)           • chrome                                        • web-javascript • Google Chrome 92.0.4515.159

! Doctor found issues in 1 category.
```

```
[✓] Flutter (Channel master, 2.6.0-1.0.pre.79, on macOS 11.4 20F71 darwin-x64, locale en-US)
    • Flutter version 2.6.0-1.0.pre.79 at /Users/alexmiller/fvm/versions/master
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision a7bc0484bd (81 minutes ago), 2021-08-26 23:11:02 -0400
    • Engine revision d8f87e552f
    • Dart version 2.15.0 (build 2.15.0-53.0.dev)

[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
    • Android SDK at /Users/alexmiller/Library/Android/sdk
    • Platform android-30, build-tools 30.0.2
    • ANDROID_HOME = /Users/alexmiller/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 12.5)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • CocoaPods version 1.10.1

[✓] 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.58.2)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.25.0

[✓] Connected device (4 available)
    • SM N9760 (mobile)      • adb-RFCM808D6GD-DCcdMZ._adb-tls-connect._tcp. • android-arm64  • Android 11 (API 30)
    • Alex’s iPhone (mobile) • 00008020-0019358426F1002E                     • ios            • iOS 14.6 18F72
    • macOS (desktop)        • macos                                         • darwin-x64     • macOS 11.4 20F71 darwin-x64
    • Chrome (web)           • chrome                                        • web-javascript • Google Chrome 92.0.4515.159

• No issues found!
```

</details>

https://user-images.githubusercontent.com/29712386/131071622-ea38f87f-148d-4142-86c7-a10f1717ea58.MP4



Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Glitch when switching between text fields with autofillHints and autocorrect #89022

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Glitch when switching between text fields with autofillHints and autocorrect #89022

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions