Skip to content

[Web] TextField displays wrong text when entering Chinese  #126066

@sunjianan9900

Description

@sunjianan9900

Is there an existing issue for this?

Steps to reproduce

I have an online web project, html rendering, built about three months ago, and it has been working fine. Recently went online to check the tests and found input bugs.

I have no idea from which version of chrome began to appear the problem, edge also have problems

The problem is that under some conditions, on macos, when using the system's own Chinese input method, the input of Chinese will break after the first letter is entered, resulting in the problem of not being able to continue to enter as Chinese.

The minimal code has been uploaded, here is the screen recording
Test input content nihao (Hello)

build with html

flutter build web --web-renderer html

Expected results

typing 你好

Actual results

Input is interrupted

Code sample

Online demo: Github Page
Github Code: https://github.com/sunjianan9900/demo

Screenshots or Video

Online Demo Test
2023-05-04.21.54.18.mov

Logs

Logs
No

Flutter Doctor output

Doctor output
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.7.12, on macOS 13.3.1 22E772610a darwin-arm64 (Rosetta), locale zh-Hans-CN)
[✓] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 14.3)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2022.1)
[!] Android Studio
    ✗ Unable to find bundled Java version.
[✓] IntelliJ IDEA Ultimate Edition (version 2021.1.3)
[✓] VS Code (version 1.78.0)
[✓] Connected device (2 available)
[✓] HTTP Host Availability

Metadata

Metadata

Assignees

No one assigned

    Labels

    P2Important issues not at the top of the work lista: internationalizationSupporting other languages or locales. (aka i18n)a: text inputEntering text in a text field or keyboard related problemsfound in release: 3.11Found to occur in 3.11found in release: 3.7Found to occur in 3.7frameworkflutter/packages/flutter repository. See also f: labels.has reproducible stepsThe issue has been confirmed reproducible and is ready to work onplatform-webWeb applications specificallyteam-webOwned by Web platform teamtriaged-webTriaged by Web platform team

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions