Skip to content

[web] Text Scrambling in Flutter Web (WASM) with Dart 3.8.1 — Not reproducible in 3.8.0 #171596

@UsamaSarwar

Description

@UsamaSarwar

Steps to reproduce

  1. Create a new Flutter project using:
    flutter create bug_demo
  2. Replace the contents of main.dart with a basic layout containing Text() widgets.
  3. Run using:
    flutter run -d chrome --wasm
  4. Observe the scrambled/distorted text rendering on screen.

Expected results

Text should render clearly with correct spacing, no broken characters or letter misplacement.

Actual results

Text appears scrambled — with random spacing, broken alignment, and strange characters in the output.

Code sample

Code sample
import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: const [
              Text('Uploading data, please wait...'),
              Text('68 / 631 leads uploaded'),
              Text('Duplicate leads found: 6'),
            ],
          ),
        ),
      ),
    );
  }
}

Screenshots or Video

Screenshot

Text Scrambling

Logs

Logs
flutter run -d chrome --wasm
Launching lib/main.dart on Chrome in debug mode...
Debug service listening on ws://127.0.0.1:51345/7xIlU_PZlTI=/ws
Running with sound null safety
...
[Warning] Text rendering broken: some fonts show scrambled or misaligned characters.

Flutter Doctor output

Doctor output
[✓] Flutter (Channel stable, 3.32.5, on macOS 26.0 25A5295e darwin-arm64, locale en-PK)
    • Flutter version 3.32.5 on channel stable at /Library/Developer/flutter
    • Framework revision fcf2c11572 (2025-06-24)
    • Engine revision dd93de6fb1
    • Dart version 3.8.1
    • DevTools version 2.45.1

[✓] Android toolchain - develop for Android devices (Android SDK version 36.0.0)
    • Android SDK at /Users/usamasarwar/Library/Android/sdk
    • Platform android-36, build-tools 36.0.0
    • Java version OpenJDK Runtime Environment Homebrew (build 17.0.15+0)

[✓] Xcode - develop for iOS and macOS (Xcode 16.4)
[✓] Chrome - develop for the web (version 138.0.7204.50)
[✓] Android Studio (version 2025.1)
[✓] VS Code (version 1.101.2)
[✓] Connected device (3 available): macOS (desktop), Chrome (web), iPad Air (simulator)
[✓] Network resources: All expected network resources are available.

Metadata

Metadata

Assignees

No one assigned

    Labels

    in triagePresently being triaged by the triage teamwaiting for customer responseThe Flutter team cannot make further progress on this issue until the original reporter responds

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      pFad - Phonifier reborn

      Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

      Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


      Alternative Proxies:

      Alternative Proxy

      pFad Proxy

      pFad v3 Proxy

      pFad v4 Proxy