Skip to content

Web app with multiple platform views overlayed with Flutter widgets failing on Firefox #140981

@parlough

Description

@parlough

Steps to reproduce

  1. Clone and access https://github.com/dart-lang/dart-pad/tree/main/pkgs/sketch_pad
  2. Run on Firefox with CanvasKit with a recent build on main (3.18.0-19.0.pre.64).
  3. Some of the site loads, but other portions fail, and will continue to do so on interacting with menu elements.

Expected results

Site renders fine without errors.

Actual results

Failures during canvas kit initialization on production deployment with:

Uncaught : RuntimeError: indirect call signature mismatch
    CanvasKitInit https://www.gstatic.com/flutter-canvaskit/9e03a57cde8ae8d1811492653a4ca930986f53e3/canvaskit.js:115
    concat https://www.gstatic.com/flutter-canvaskit/9e03a57cde8ae8d1811492653a4ca930986f53e3/canvaskit.js:44
    a3 https://preview.dartpad.dev/main.dart.js:29371
    fT https://preview.dartpad.dev/main.dart.js:29215

and

Uncaught : Bad state: PictureRecorder is not recording
    c https://preview.dartpad.dev/main.dart.js:5022
    pX https://preview.dartpad.dev/main.dart.js:29601
    vU https://preview.dartpad.dev/main.dart.js:28617
    s https://preview.dartpad.dev/main.dart.js:6374
    $2 https://preview.dartpad.dev/main.dart.js:41380
    Q https://preview.dartpad.dev/main.dart.js:6360

During development:

Uncaught (in promise) Error: Assertion failed: org-dartlang-sdk:///lib/_engine/engine/canvaskit/embedded_views.dart:574:12
_overlays.length == viewsNeedingOverlays.length
is not true
    DartError dart_sdk.js:14006
    throw_ errors.dart:297
    assertFailed errors.dart:38
    _updateOverlays embedded_views.dart:574
    submitFrame embedded_views.dart:356
    runBody async_patch.dart:84
    _async async_patch.dart:127
    submitFrame embedded_views.dart:351

Code sample

Code is at https://github.com/dart-lang/dart-pad/tree/main/pkgs/sketch_pad or you can access a live deployed version at:

https://preview.dartpad.dev/

Flutter version

Flutter 3.18.0-19.0.pre.64 • channel main • https://github.com/flutter/flutter
Framework • revision 49edbc7491 (3 hours ago) • 2024-01-04 10:26:48 -0800
Engine • revision b81023eb71
Tools • Dart 3.3.0 (build 3.3.0-279.0.dev) • DevTools 2.31.0

Metadata

Metadata

Labels

P1High-priority issues at the top of the work listbrowser: firefoxonly manifests in Firefoxe: web_canvaskitCanvasKit (a.k.a. Skia-on-WebGL) rendering backend for Webengineflutter/engine related. See also e: labels.platform-webWeb applications specificallyteam-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