Flutter web: TextField not unfocus when press on "Done" button from keyboard

There are 2 "Done" buttons when keyboard shows up:

• When I press on the first Done button, keyboard hides, BUT the TextField still keeps the focusing status.
• When I press on the second Done button, keyboard hides, and TextField also removes the focusing status.

Seems like the properties onSubmitted() and onEditingComplete() won’t be triggered if I press on the first Done button.

Is there anyway to fix this issue? Or anyway to HIDE the first Done button? Thank you guys.

The source code is very simple:

void main() {
  runApp(const MainApp());
}

class MainApp extends StatelessWidget {
  const MainApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: Scaffold(
        body: Center(
          child: TextField(
            decoration: InputDecoration(
              hintText: 'Enter your name',
            ),
          ),
        ),
      ),
    );
  }
}

You can edit the launch.json (if you use VSCode) configuration like this:

"configurations": [
        {
            "name": "package_name", // package name
            "request": "launch",
            "type": "dart",
            "args": [
                "--release",
                "--web-hostname",
                "192.168.xxx.xxx", // your IP address
                "--web-port",
                "8080"
            ]
        }
    ]
}

Then, you open your Safari from Simulator and open link: http://192.168.xxx.xxx:8080