Skip to content

[skwasm] Disabled ActionChip with label and avatar fails to render contents #140999

@parlough

Description

@parlough

The following snippet creates a disabled ActionChip (or InputChip) with an icon and a label.

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: Scaffold(
        body: Center(
          child: ActionChip(
            avatar: Icon(Icons.account_circle),
            label: Text('Test'),
          ),
        ),
      ),
    );
  }
}
  1. Build with skwasm flutter build web --wasm --web-renderer=skwasm
  2. Serve with necessary flags (dart pub global run dhttpd --path=build/web_wasm --headers="Cross-Origin-Embedder-Policy=require-corp;Cross-Origin-Opener-Policy=same-origin")
  3. Visit the site on a recent version of Chrome (I'm using 122.0.6182.0)
  4. See that the chip has no contents.
  5. The contents are however visible if the chip is not disabled (by specifying an onPressed handler).

Result (skwasm):

Result with skwasm

Expected (CanvasKit):

Expected with CanvasKit

Version information

Flutter 3.18.0-19.0.pre.74 • channel main • https://github.com/flutter/flutter
Framework • revision 4ff2396b86 (42 minutes ago) • 2024-01-04 20:23:28 -0500
Engine • revision f2f00a438e
Tools • Dart 3.3.0 (build 3.3.0-279.0.dev) • DevTools 2.31.0

Metadata

Metadata

Labels

P2Important issues not at the top of the work liste: web_skwasmSkwasm 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