TextInputAction.next on flutter web doesn't work. #73835
Description
Problem
When build as android
When build as web
Environment
flutter doctor -v
[✓] Flutter (Channel beta, 1.24.0-10.2.pre, on Mac OS X 10.15.7 19H2 darwin-x64, locale en-KH)
• Flutter version 1.24.0-10.2.pre at /Users/apple/Documents/flutter
• Framework revision 022b333a08 (8 weeks ago), 2020-11-18 11:35:09 -0800
• Engine revision 07c1eed46b
• Dart version 2.12.0 (build 2.12.0-29.10.beta)
[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.0-rc1)
• Android SDK at /Users/apple/Library/Android/sdk
• Platform android-30, build-tools 30.0.0-rc1
• ANDROID_HOME = /Users/apple/Library/Android/sdk
• ANDROID_SDK_ROOT = /Users/apple/Library/Android/sdk
• Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java
• Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6915495)
• All Android licenses accepted.
[✓] Xcode - develop for iOS and macOS (Xcode 11.6)
• Xcode at /Applications/Xcode.app/Contents/Developer
• Xcode 11.6, Build version 11E708
• CocoaPods version 1.9.3
[✓] Chrome - develop for the web
• Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
[✓] Android Studio (version 4.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 1.8.0_242-release-1644-b3-6915495)
[✓] VS Code (version 1.52.1)
• VS Code at /Applications/Visual Studio Code.app/Contents
• Flutter extension version 3.18.1
[✓] Connected device (3 available)
• Android SDK built for x86 64 (mobile) • emulator-5554 • android-x64 • Android 8.0.0 (API 26) (emulator)
• Web Server (web) • web-server • web-javascript • Flutter Tools
• Chrome (web) • chrome • web-javascript • Google Chrome 87.0.4280.141
• No issues found!Steps to Reproduce
Here's a sample code
code sample
import 'package:flutter/material.dart';
void main() {
runApp(
MyApp(),
);
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Testing TextFormField',
home: TestingTextFieldScreen(),
);
}
}
class TestingTextFieldScreen extends StatefulWidget {
@override
_TestingTextFieldScreenState createState() => _TestingTextFieldScreenState();
}
class _TestingTextFieldScreenState extends State<TestingTextFieldScreen> {
final firstNameFocusNode = FocusNode();
final lastNameFocusNode = FocusNode();
FocusScopeNode focusScopeNode;
@override
void didChangeDependencies() {
focusScopeNode ??= FocusScope.of(context);
super.didChangeDependencies();
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: Padding(
padding: const EdgeInsets.symmetric(horizontal: 20),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
TextFormField(
focusNode: firstNameFocusNode,
textInputAction: TextInputAction.next,
onFieldSubmitted: (_) =>
focusScopeNode.requestFocus(lastNameFocusNode),
decoration: InputDecoration(labelText: 'FIRSTNAME'),
),
SizedBox(
height: 10,
),
TextFormField(
focusNode: lastNameFocusNode,
textInputAction: TextInputAction.done,
onFieldSubmitted: (_) => focusScopeNode.unfocus(),
decoration: InputDecoration(labelText: 'LASTNAME'),
)
],
),
),
);
}
}