TextFormField autofillHints generates error message on WEB #149968
Description
Steps to reproduce
- Create FormTextField within autofillGroup with autofillHints.
- Run emulator for WEB
- Input suggestion in the field
Expected results
- autofill inserted
- No errors generated
Actual results
- Autofill inserted
- Error for every autofill field generated
Error
dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/errors.dart 296:3 throw_
dart-sdk/lib/_internal/js_shared/lib/rti.dart 1388:3 _failedAsCheck
dart-sdk/lib/_internal/js_shared/lib/rti.dart 1366:3
_generalAsCheckImplementation
dart-sdk/lib/_internal/js_shared/lib/js_util_patch.dart 81:5 getProperty
lib/_engine/engine/dom.dart 2252:24
DomKeyboardEventExtension.get$35shiftKey
lib/_engine/engine/platform_dispatcher/view_focus_binding.dart 60:15 <fn>
dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/operations.dart 426:37 _checkAndCall
dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/operations.dart 431:39 dcallCode sample
Code sample
import 'package:flutter/material.dart';
class MyLoginScreen extends StatefulWidget {
const MyLoginScreen({super.key});
@override
State<MyLoginScreen> createState() => _MyLoginScreenState();
}
class _MyLoginScreenState extends State<MyLoginScreen> {
final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
final TextEditingController _emailController = TextEditingController();
final TextEditingController _passwordController = TextEditingController();
@override
void dispose() {
_emailController.dispose();
_passwordController.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: AutofillGroup(
child: Form(
key: _formKey,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
mainAxisSize: MainAxisSize.max,
children: [
TextFormField(
autofocus: true,
autofillHints: const [AutofillHints.username],
controller: _emailController,
),
TextFormField(
autofillHints: const [AutofillHints.password],
controller: _passwordController,
obscureText: true,
),
],
),
),
),
);
}
}Screenshots or Video
Screenshots / Video demonstration
Logs
Logs
[Paste your logs here]Flutter Doctor output
Doctor output
[√] Flutter (Channel stable, 3.22.2, on Microsoft Windows [Version 10.0.19044.3324], locale be-BY)
• Flutter version 3.22.2 on channel stable at C:\Dev\flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision 761747bfc5 (3 days ago), 2024-06-05 22:15:13 +0200
• Engine revision edd8546116
• Dart version 3.4.3
• DevTools version 2.34.3
[√] Windows Version (Installed version of Windows is version 10 or higher)
[√] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
• Android SDK at C:\Users\User\AppData\Local\Android\Sdk
• Platform android-34, build-tools 34.0.0
• Java binary at: C:\Program Files\Android\Android Studio\jre\bin\java
• Java version OpenJDK Runtime Environment (build 11.0.13+0-b1751.21-8125866)
• All Android licenses accepted.
[√] Chrome - develop for the web
• Chrome at C:\Program Files (x86)\Google\Chrome\Application\chrome.exe
[√] Visual Studio - develop Windows apps (Visual Studio Community 2022 17.4.3)
• Visual Studio at C:\Program Files\Microsoft Visual Studio\2022\Community
• Visual Studio Community 2022 version 17.4.33205.214
• Windows 10 SDK version 10.0.22000.0
[√] Android Studio (version 2021.3)
• Android Studio at C:\Program Files\Android\Android Studio
• 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
• android-studio-dir = C:\Program Files\Android\Android Studio
• Java version OpenJDK Runtime Environment (build 11.0.13+0-b1751.21-8125866)
[√] VS Code (version 1.90.0)
• VS Code at C:\Users\User\AppData\Local\Programs\Microsoft VS Code
• Flutter extension version 3.90.0
[√] Connected device (3 available)
• Windows (desktop) • windows • windows-x64 • Microsoft Windows [Version 10.0.19044.3324]
• Chrome (web) • chrome • web-javascript • Google Chrome 125.0.6422.141
• Edge (web) • edge • web-javascript • Microsoft Edge 125.0.2535.67
[√] Network resources
• All expected network resources are available.
• No issues found!Metadata
Metadata
Assignees
Labels
High-priority issues at the top of the work listEntering text in a text field or keyboard related problemsFound to occur in 3.22Found to occur in 3.23For the attention of Text Input teamThe issue has been confirmed reproducible and is ready to work onWeb applications specificallyIssue is closed as already fixed in a newer versionOwned by Web platform teamTriaged by Web platform team