Skip to content

[Flutter WASM] Images may not be rendered properly when scrolling #150502

@mit-73

Description

@mit-73

Steps to reproduce

  1. flutter build web --wasm --no-strip-wasm
  2. cd build/web
  3. dart pub global run dhttpd '--headers=Cross-Origin-Embedder-Policy=credentialless;Cross-Origin-Opener-Policy=same-origin'
  4. open browser: localhost:8080

Expected results

The application works without errors.

Screenshots / Video demonstration

screenshot

Actual results

An error comes out, the window hangs.

Screenshots / Video demonstration

screenshot
screenshot
screenshot

Code sample

Code sample

Screenshots or Video

No response

Logs

Logs
worker sent an error! https://www.gstatic.com/flutter-canvaskit/55eae6864b296dd9f43b2cc7577ec256e5c32a8d/skwasm.wasm:1: Uncaught RuntimeError: memory access out of bounds
a.onerror @ skwasm.js:25
error (async)
(anonymous) @ skwasm.js:25
ba @ skwasm.js:24
ta @ skwasm.js:26
(anonymous) @ skwasm.js:23
hb @ skwasm.js:27
td @ skwasm.js:159
sd @ skwasm.js:158
Oa @ skwasm.js:16
a @ skwasm.js:101
(anonymous) @ flutter_bootstrap.js:3
await in (anonymous) (async)
(anonymous) @ flutter_bootstrap.js:3
(anonymous) @ skwasm.js:101
(anonymous) @ skwasm.js:101
(anonymous) @ flutter_bootstrap.js:3
load (async)
(anonymous) @ flutter_bootstrap.js:3
_ @ flutter_bootstrap.js:3
load @ flutter_bootstrap.js:3
await in load (async)
(anonymous) @ flutter_bootstrap.js:12


Uncaught ErrorEvent {isTrusted: true, message: 'Uncaught RuntimeError: memory access out of bounds', filename: 'https://www.gstatic.com/flutter-canvaskit/55eae6864b296dd9f43b2cc7577ec256e5c32a8d/skwasm.wasm', lineno: 1, colno: 41129, …}
a.onerror @ skwasm.js:26
error (async)
(anonymous) @ skwasm.js:25
ba @ skwasm.js:24
ta @ skwasm.js:26
(anonymous) @ skwasm.js:23
hb @ skwasm.js:27
td @ skwasm.js:159
sd @ skwasm.js:158
Oa @ skwasm.js:16
a @ skwasm.js:101
(anonymous) @ flutter_bootstrap.js:3
await in (anonymous) (async)
(anonymous) @ flutter_bootstrap.js:3
(anonymous) @ skwasm.js:101
(anonymous) @ skwasm.js:101
(anonymous) @ flutter_bootstrap.js:3
load (async)
(anonymous) @ flutter_bootstrap.js:3
_ @ flutter_bootstrap.js:3
load @ flutter_bootstrap.js:3
await in load (async)
(anonymous) @ flutter_bootstrap.js:12


Uncaught RuntimeError: memory access out of bounds
    at skwasm.wasm:0xa0a8
    at skwasm.wasm:0x1e5318
    at f (skwasm.js:61:400)

Flutter Doctor output

Doctor output
% fvm flutter doctor -v                                                                                                        
[✓] Flutter (Channel stable, 3.22.1, on macOS 14.2.1 23C71 darwin-arm64, locale ru-RU)
    • Flutter version 3.22.1 on channel stable at /Users/user/SDK/flutter/versions/3.22.1
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision a14f74ff3a (4 weeks ago), 2024-05-22 11:08:21 -0500
    • Engine revision 55eae6864b
    • Dart version 3.4.1
    • DevTools version 2.34.3

[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.2)
    • Android SDK at /Users/user/SDK/android_studio
    • Platform android-34, build-tools 33.0.2
    • ANDROID_HOME = /Users/user/SDK/android_studio
    • Java binary at: /Applications/Android Studio.app/Contents/jbr/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 17.0.6+0-17.0.6b829.9-10027231)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 15.2)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Build 15C500b
    • CocoaPods version 1.15.2

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

[✓] Android Studio (version 2022.3)
    • 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.6+0-17.0.6b829.9-10027231)

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

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

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

• No issues found!

Metadata

Metadata

Labels

P1High-priority issues at the top of the work listc: renderingUI glitches reported at the engine/skia or impeller rendering levele: wasmIssues related to the wasm build of Flutter Web.engineflutter/engine related. See also e: labels.found in release: 3.23Found to occur in 3.23has 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