[Web] Multibyte characters are displayed incorrectly when TextField goes multiline #98817
Description
Explanation of the issue
The display of multibyte characters is incorrect when the lines is expanded in a text field.
This issue has been present since version 2.8.1.
This issue is a serious issue in countries that use multibyte characters, so please take action as soon as possible.
Expected results:
Actual results:
Code sample
Success Case
SizedBox(
width: 300,
child: TextField(
keyboardType: TextInputType.multiline,
controller: ctrller,
maxLines: 3,
decoration: const InputDecoration(
filled: true,
border: OutlineInputBorder(),
),
),
),Error Case
SizedBox(
width: 300,
child: TextField(
keyboardType: TextInputType.multiline,
controller: ctrller,
maxLines: null, // <- In this case, if new line is needed, the line of textfield is expanded.
decoration: const InputDecoration(
filled: true,
border: OutlineInputBorder(),
),
),
),Logs
D:\github\test02>flutter doctor -v
[√] Flutter (Channel stable, 2.10.1, on Microsoft Windows [Version 10.0.19042.1526], locale ja-JP)
• Flutter version 2.10.1 at D:\flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision db747aa133 (10 days ago), 2022-02-09 13:57:35 -0600
• Engine revision ab46186b24
• Dart version 2.16.1
• DevTools version 2.9.2
[√] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
• Android SDK at C:\Users\takur\AppData\Local\Android\Sdk
• Platform android-31, build-tools 30.0.2
• ANDROID_HOME = C:\Users\takur\AppData\Local\Android\Sdk
• Java binary at: C:\Program Files\Android\Android Studio\jre\bin\java
• Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b01)
• All Android licenses accepted.
[√] Chrome - develop for the web
• Chrome at C:\Program Files (x86)\Google\Chrome\Application\chrome.exe
[X] Visual Studio - develop for Windows
X Visual Studio not installed; this is necessary for Windows development.
Download at https://visualstudio.microsoft.com/downloads/.
Please install the "Desktop development with C++" workload, including all of its default components
[√] Android Studio (version 4.1)
• 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
• Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b01)
[√] VS Code (version 1.64.2)
• VS Code at C:\Users\takur\AppData\Local\Programs\Microsoft VS Code
• Flutter extension version 3.34.0
[√] Connected device (3 available)
• Windows (desktop) • windows • windows-x64 • Microsoft Windows [Version 10.0.19042.1526]
• Chrome (web) • chrome • web-javascript • Google Chrome 98.0.4758.102
• Edge (web) • edge • web-javascript • Microsoft Edge 97.0.1072.69
[√] HTTP Host Availability
• All required HTTP hosts are available
! Doctor found issues in 1 category.
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 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 specificallyBuilding on or for Windows specificallyOwned by Web platform teamTriaged by Web platform team