Flutter web's TextField displays gibberish for Unicode inputs, such as Korean characters (CJK) #138288
Description
Is there an existing issue for this?
- I have searched the existing issues
- I have read the guide to filing a bug
Steps to reproduce
To reproduce the bug, create a Flutter project with a TextField, run the app for Web (flutter run -d chrome), switch to Korean keyboard, and type Korean characters into the text field. This happens to emojis (Ctrl-Cmd-Space) as well on Mac OS.
Expected results
I expected the typed Korean alphabet characters to show correctly, like Latin alphabets do.
Actual results
However, the typed Korean characters display as gibberish (a box with an x mark) for a few seconds before turning into the correct Korean characters. Check out the attached video below.
Code sample
Code sample
TextField();Screenshots or Video
Screenshots / Video demonstration
flutter-textfield-unicode-gibberish.mov
Logs
Logs
[Paste your logs here]Flutter Doctor output
Doctor output
$ flutter doctor -v
[✓] Flutter (Channel stable, 3.13.9, on macOS 13.5.2 22G91 darwin-arm64, locale en-US)
• Flutter version 3.13.9 on channel stable at /opt/homebrew/Caskroom/flutter/3.13.5/flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision d211f42860 (2 weeks ago), 2023-10-25 13:42:25 -0700
• Engine revision 0545f8705d
• Dart version 3.1.5
• DevTools version 2.25.0
[✗] Android toolchain - develop for Android devices
✗ Unable to locate Android SDK.
Install Android Studio from: https://developer.android.com/studio/index.html
On first launch it will assist you in installing the Android SDK components.
(or visit https://flutter.dev/docs/get-started/install/macos#android-setup for detailed instructions).
If the Android SDK has been installed to a custom location, please use
`flutter config --android-sdk` to update to that location.
[✓] Xcode - develop for iOS and macOS (Xcode 15.0.1)
• Xcode at /Applications/Xcode.app/Contents/Developer
• Build 15A507
• CocoaPods version 1.12.1
[✓] Chrome - develop for the web
• Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
[!] Android Studio (not installed)
• Android Studio not found; download from https://developer.android.com/studio/index.html
(or visit https://flutter.dev/docs/get-started/install/macos#android-setup for detailed instructions).
[✓] Connected device (2 available)
• macOS (desktop) • macos • darwin-arm64 • macOS 13.5.2 22G91 darwin-arm64
• Chrome (web) • chrome • web-javascript • Google Chrome 119.0.6045.123
[✓] Network resources
• All expected network resources are available.
! Doctor found issues in 2 categories.Metadata
Metadata
Assignees
Labels
High-priority issues at the top of the work listSupporting other languages or locales. (aka i18n)Entering text in a text field or keyboard related problemsFound to occur in 3.13Found to occur in 3.17The 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