Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Flutter web (wasm) text rendering issues - decoration gone, some text not rendered #148102

Closed
kevmoo opened this issue May 9, 2024 · 1 comment
Labels
a: typography Text rendering, possibly libtxt e: wasm Issues related to the wasm build of Flutter Web. e: web_skwasm Skwasm rendering backend for web P1 High-priority issues at the top of the work list team-web Owned by Web platform team

Comments

@kevmoo
Copy link
Contributor

kevmoo commented May 9, 2024

FYI: works great on Flutter 3.22 beta. But broken on master.

Steps to reproduce

See https://vote-dart--skwasm-text-sad-xyf8ez5e.web.app/

Expected results

Text shows up fine

Actual results

Half the text doesn't render. No decorations are rendered on any text

Code sample

https://github.com/kevmoo/vote.dart/tree/master/vote_demo

Screenshots or Video

Looks good with JS

image

Not good with wasm

image

Flutter Doctor output

Doctor output
[✓] Flutter (Channel master, 3.22.0-30.0.pre.4, on macOS 14.4.1 23E224 darwin-arm64, locale en)
    • Flutter version 3.22.0-30.0.pre.4 on channel master at /Users/kevmoo/github/flutter
    • Upstream repository git@github.com:flutter/flutter.git
    • Framework revision 77427f6608 (5 hours ago), 2024-05-09 14:16:19 -0400
    • Engine revision 6e722ae213
    • Dart version 3.5.0 (build 3.5.0-138.0.dev)
    • DevTools version 2.36.0-dev.5

[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
    • Android SDK at /Users/kevmoo/Library/Android/sdk
    • Platform android-34, build-tools 30.0.3
    • Java binary at: /Applications/Android Studio.app/Contents/jbr/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 17.0.9+0-17.0.9b1087.7-11185874)
    • All Android licenses accepted.

[!] Xcode - develop for iOS and macOS (Xcode 15.2)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Build 15C500b
    ✗ Unable to get list of installed Simulator runtimes.
    • CocoaPods version 1.14.3

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2023.2)
    • Android Studio at /Applications/Android Studio.app/Contents
    • 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 17.0.9+0-17.0.9b1087.7-11185874)

[✓] IntelliJ IDEA Ultimate Edition (version 2024.1)
    • IntelliJ at /Applications/IntelliJ IDEA.app
    • Flutter plugin version 79.0.3
    • Dart plugin version 241.15845

[✓] VS Code (version 1.89.1)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.88.0

[✓] Connected device (3 available)
    • macOS (desktop)                 • macos                 • darwin-arm64   • macOS 14.4.1 23E224 darwin-arm64
    • Mac Designed for iPad (desktop) • mac-designed-for-ipad • darwin         • macOS 14.4.1 23E224 darwin-arm64
    • Chrome (web)                    • chrome                • web-javascript • Google Chrome 124.0.6367.119

[✓] Network resources
    • All expected network resources are available.

! Doctor found issues in 1 category.
@kevmoo kevmoo added P1 High-priority issues at the top of the work list e: wasm Issues related to the wasm build of Flutter Web. e: web_skwasm Skwasm rendering backend for web team-web Owned by Web platform team a: typography Text rendering, possibly libtxt and removed a: typography Text rendering, possibly libtxt labels May 9, 2024
@kevmoo
Copy link
Contributor Author

kevmoo commented May 16, 2024

No longer an issue as of latest master branch. I wonder if this was the binarian issue?

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel master, 3.22.0-35.0.pre.20, on macOS 14.4.1 23E224 darwin-arm64, locale en)
[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
[!] Xcode - develop for iOS and macOS (Xcode 15.2)
✗ Unable to get list of installed Simulator runtimes.
[✓] Chrome - develop for the web
[✓] Android Studio (version 2023.2)
[✓] IntelliJ IDEA Ultimate Edition (version 2024.1)
[✓] VS Code (version 1.89.1)
[✓] Connected device (3 available)
[✓] Network resources

! Doctor found issues in 1 category.

@kevmoo kevmoo closed this as completed May 16, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a: typography Text rendering, possibly libtxt e: wasm Issues related to the wasm build of Flutter Web. e: web_skwasm Skwasm rendering backend for web P1 High-priority issues at the top of the work list team-web Owned by Web platform team
Projects
None yet
Development

No branches or pull requests

1 participant