Skip to content

[web] TextField with TextAlign.center and TextAlign.right is not working properly when using --web-renderer html #74673

@azbuky

Description

@azbuky

Steps to Reproduce

  1. Create a project
  2. Add a TextField with TextAlign.center
  3. Run flutter run -d chrome --web-renderer html

Expected results:

Screenshot from 2021-01-25 23-00-41

Actual results:

Screenshot from 2021-01-25 23-01-42

Works correctly if run with flutter run -d chrome --release --web-renderer html --dart-define=FLUTTER_WEB_USE_EXPERIMENTAL_CANVAS_RICH_TEXT=false

flutter doctor -v
[✓] Flutter (Channel master, 1.26.0-13.0.pre.157, on Linux, locale en_US.UTF-8)
    • Flutter version 1.26.0-13.0.pre.157 at /home/azbuky/fvm/versions/master
    • Framework revision 35000147e6 (16 minutes ago), 2021-01-25 12:47:01 -0800
    • Engine revision 05b4bec8b3
    • Dart version 2.12.0 (build 2.12.0-253.0.dev)

[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
    • Android SDK at /home/azbuky/Devel/Sdks/Android/Sdk/
    • Platform android-30, build-tools 30.0.2
    • Java binary at: /home/azbuky/Devel/Sdks/android-studio/jre/bin/java
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6222593)
    • All Android licenses accepted.

[✓] Chrome - develop for the web
    • Chrome at google-chrome

[✓] Linux toolchain - develop for Linux desktop
    • clang version 10.0.0-4ubuntu1
    • cmake version 3.16.3
    • ninja version 1.10.0
    • pkg-config version 0.29.1

[✓] Android Studio
    • Android Studio at /home/azbuky/Devel/Sdks/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 = /home/azbuky/Devel/Sdks/android-studio
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6222593)

[✓] VS Code (version 1.52.1)
    • VS Code at /usr/share/code
    • Flutter extension version 3.18.1

[✓] Connected device (3 available)
    • Nexus 5X (mobile) • 026128a95bb02d50 • android-arm64  • Android 8.1.0 (API 27)
    • Linux (desktop)   • linux            • linux-x64      • Linux
    • Chrome (web)      • chrome           • web-javascript • Google Chrome 88.0.4324.96

• No issues found!

Metadata

Metadata

Assignees

Labels

P0Critical issues such as a build break or regressiona: text inputEntering text in a text field or keyboard related problemsa: typographyText rendering, possibly libtxte: web_htmlHTML rendering backend for Webfound in release: 1.26Found to occur in 1.26has reproducible stepsThe issue has been confirmed reproducible and is ready to work onplatform-webWeb applications specifically

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions