Web app with CanvasKit doesn't render text on some Android phones #74990
Description
Steps to Reproduce
- Create a new Flutter project and enable web
- Build using CanvasKit:
flutter build web --web-renderer canvaskit - Load in Chrome on some Nokia and OnePlus phones (example at https://flutter-test-abcb2.web.app)
No text appears on first load, and some appears after pressing the button.
- Chrome 88.0.4324.93
- We've seen this on a Nokia 6 (model TA-1021), a Nokia 8, and a OnePlus 5 - all on Android 9
- Flutter latest master
Here's how it looks initially:
After pressing the + button, it renders the number and a line on the app bar:
There's nothing related to this logged in Chrome's console.
Logs
[✓] Flutter (Channel master, 1.26.0-18.0.pre.73, on macOS 11.1 20C69 darwin-x64, locale en-FI)
• Flutter version 1.26.0-18.0.pre.73 at /Users/tom/fvm/versions/master
• Framework revision 791edc230d (10 hours ago), 2021-01-28 21:54:03 -0800
• Engine revision 4ba79a34a0
• Dart version 2.12.0 (build 2.12.0-272.0.dev)
[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
• Android SDK at /Users/tom/Library/Android/sdk
• Platform android-30, build-tools 30.0.2
• ANDROID_HOME = /Users/tom/Library/Android/sdk
• Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java
• Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6915495)
• All Android licenses accepted.
[✓] Xcode - develop for iOS and macOS
• Xcode at /Applications/Xcode.app/Contents/Developer
• Xcode 12.4, Build version 12D4e
• CocoaPods version 1.10.1
[✓] Chrome - develop for the web
• Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
[✓] Android Studio (version 4.1)
• 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 1.8.0_242-release-1644-b3-6915495)
[✓] VS Code (version 1.52.1)
• VS Code at /Applications/Visual Studio Code.app/Contents
• Flutter extension version 3.18.1
[✓] Connected device (2 available)
• macOS (desktop) • macos • darwin-x64 • macOS 11.1 20C69 darwin-x64
• Chrome (web) • chrome • web-javascript • Google Chrome 88.0.4324.96
• No issues found!
Metadata
Metadata
Assignees
Labels
High-priority issues at the top of the work listBuilding flutter applications with the toolText rendering, possibly libtxtUI glitches reported at the engine/skia or impeller rendering levelOnly manifests on certain devicesCanvasKit (a.k.a. Skia-on-WebGL) rendering backend for WebWeb applications specificallyIssue is closed as already fixed in a newer version