Skip to content

Flutter Web generating infinite <style> tags #161519

@gildaswise

Description

@gildaswise

Steps to reproduce

I'm not sure how to reproduce, but deck.blue is a Flutter Web app that handles lots of images at the same time. @kevmoo suspects it has to do with <style> tags from those images. All I know is that it's happening on Chrome, Windows.

Expected results

No additional <style> tags should be appearing in the DOM

Actual results

600+ <style> tags are being generated somewhat randomly, source: Bluesky post

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(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: ListView(
            children: [      
Image.network('https://cdn.bsky.app/img/feed_fullsize/plain/did:plc:ikvaup2d6nlir7xfm5vgzvra/bafkreib533tnnypa3wpbtlbdopwkmrg67cuhjhx5i7ymjho7k6z6jjoa2y@jpeg'),
Image.network('https://cdn.bsky.app/img/feed_fullsize/plain/did:plc:knj5sw5al3sukl6vhkpi7637/bafkreiagaodlyvzjreilwji6ixondwrg22sqgker2cbcg3r7622xtpy3gy@jpeg' ),
Image.network('https://cdn.bsky.app/img/feed_fullsize/plain/did:plc:fqz767ikcbgk7yifapygtxeh/bafkreibcnq7kkdnmulwbk5sytfb6tsgmfi6glbrov2c3q6sivndmaablgi@jpeg'),
            ],
          ),
        ),
      ),
    );
  }
}

Screenshots or Video

Screenshots / Video demonstration

Image

Logs

Logs

Flutter Doctor output

Doctor output
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.27.1, on macOS 14.7 23H124 darwin-arm64, locale en-BR)
[✓] 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 2024.2)
[✓] VS Code (version 1.96.2)
[✓] Connected device (4 available)
[✓] Network resources

• No issues found!

Metadata

Metadata

Assignees

Labels

P1High-priority issues at the top of the work listframeworkflutter/packages/flutter repository. See also f: labels.platform-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