Skip to content

BackdropFilter does not work when compiling with --wasm #152026

@dxvid-pts

Description

@dxvid-pts

Steps to reproduce

Use the provided AppBar. When targetting CanvasKit everything works as expected. When compiling using --wasm blur is not applied.

Expected results (CanvasKit)

Screenshot 2024-07-19 at 14 29 19

Actual results (WASM + skwasm)

Screenshot 2024-07-19 at 14 28 39

Code sample

Code sample
AppBar(
      forceMaterialTransparency: true,
      flexibleSpace: ClipRect(
        child: BackdropFilter(
          filter: ImageFilter.blur(sigmaX: 10, sigmaY: 10),
          ),
     ),
);

Screenshots or Video

Screenshots / Video demonstration

[Upload media here]

Logs

Logs
[Paste your logs here]

Flutter Doctor output

Doctor output
[✓] Flutter (Channel master, 3.24.0-1.0.pre.197, on macOS 14.5 23F79
    darwin-arm64, locale en-DE)
[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 15.4)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2023.3)
[✓] Android Studio (version 2021.3)
[✓] Android Studio (version 2022.2)
[✓] VS Code (version 1.91.1)
[✓] Connected device (3 available)
[✓] Network resources

• No issues found!

Metadata

Metadata

Labels

P1High-priority issues at the top of the work liste: wasmIssues related to the wasm build of Flutter Web.found in release: 3.24Found to occur in 3.24frameworkflutter/packages/flutter repository. See also f: labels.has reproducible stepsThe issue has been confirmed reproducible and is ready to work onplatform-webWeb applications specificallyr: fixedIssue is closed as already fixed in a newer versionteam-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