[Web]: A multiline TextFormField doesn't trigger onFieldSubmitted #99900
Description
Steps to Reproduce
A multi-line TextFormField with thetextInputAction field set to TextInputAction.done triggers the onFieldSubmitted on all platforms except for the web. Reproduced on Chrome.
- Execute
flutter runon the code sample on the web and any other platform, e.g. macOS - Type anything in the text field and hit the enter key.
- Notice how the
onFieldSubmittedis triggered on all platforms and show a snackbar but is not triggered on the web
Expected results:
The TextFormField should behave the same way and should trigger onFieldSubmitted.
Actual results:
onFieldSubmitted is not triggered on the web.
Code sample
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return MaterialApp(
themeMode: ThemeMode.dark,
title: 'Flutter Demo',
theme: ThemeData(primarySwatch: Colors.blue),
home: TextFormFieldWeb(),
);
}
}
class TextFormFieldWeb extends StatelessWidget {
TextFormFieldWeb({Key? key}) : super(key: key);
final TextEditingController _controller = TextEditingController();
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text("Multi line text field"),
),
body: Center(
child: FractionallySizedBox(
widthFactor: 0.5,
child: TextFormField(
autofocus: true,
controller: _controller,
minLines: 1,
maxLines: 2,
textInputAction: TextInputAction.done,
onFieldSubmitted: (_) => ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(
content: Text("FieldSubmitted"),
behavior: SnackBarBehavior.floating,
),
),
),
),
),
);
}
}Logs
flutter doctor -v
[✓] Flutter (Channel stable, 2.10.3, on macOS 12.2.1 21D62 darwin-x64, locale en-GB)
• Flutter version 2.10.3 at /Users/moazelshebly/flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision 7e9793dee1 (8 days ago), 2022-03-02 11:23:12 -0600
• Engine revision bd539267b4
• Dart version 2.16.1
• DevTools version 2.9.2
[✓] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
• Android SDK at /Users/moazelshebly/Library/Android/sdk
• Platform android-31, build-tools 31.0.0
• Java binary at: /Applications/Android Studio.app/Contents/jre/Contents/Home/bin/java
• Java version OpenJDK Runtime Environment (build 11.0.11+0-b60-7590822)
• All Android licenses accepted.
[✓] Xcode - develop for iOS and macOS (Xcode 13.2.1)
• Xcode at /Applications/Xcode.app/Contents/Developer
• CocoaPods version 1.11.2
[✓] Chrome - develop for the web
• Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
[✓] Android Studio (version 2021.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 11.0.11+0-b60-7590822)
[✓] IntelliJ IDEA Ultimate Edition (version 2021.3.2)
• IntelliJ at /Applications/IntelliJ IDEA.app
• 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
[✓] VS Code (version 1.64.2)
• VS Code at /Applications/Visual Studio Code.app/Contents
• Flutter extension version 3.34.0
[✓] Connected device (2 available)
• macOS (desktop) • macos • darwin-x64 • macOS 12.2.1 21D62 darwin-x64
• Chrome (web) • chrome • web-javascript • Google Chrome 99.0.4844.51
[✓] HTTP Host Availability
• All required HTTP hosts are available
• No issues found!
Screen recordings
web:
Screen.Recording.2022-03-10.at.12.03.51.mov
macOS:
Screen.Recording.2022-03-10.at.12.07.36.mov
Metadata
Metadata
Assignees
Labels
Entering text in a text field or keyboard related problemsflutter/packages/flutter/material repository.Found to occur in 2.10Found to occur in 2.11flutter/packages/flutter repository. See also f: labels.The issue has been confirmed reproducible and is ready to work onWeb applications specificallyIssue is closed as already fixed in a newer version