Skip to content

[web][3.7] Emojis are not properly rendered #119536

Closed
@KnucklesEQ

Description

@KnucklesEQ

Hi!

After installing the latest Flutter version (3.7), we noticed in our apps that the emojis in general (and emoji flags in particular) are flat, without colour.

Am I missing something? Is there a logical reason for this change? We didn't find any info related in the changelog of Flutter 3.7.

We tried to use the Noto Color Emoji in our last web application, but the app hangs many seconds to load the icons.

Steps to Reproduce

You can copy the code in DartPad:

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData.dark().copyWith(
        scaffoldBackgroundColor: Colors.blueGrey,
      ),
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: MyWidget(),
        ),
      ),
    );
  }
}

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    String k = 'ES';

    String flag = k
        .toUpperCase()
        .split('')
        .map((char) => 127397 + char.codeUnitAt(0))
        .map((code) => String.fromCharCode(code))
        .join();
    return Text(flag);
  }
}

Expected results:

This happens in Flutter 3.3.10:
imagen

imagen

Actual results:

This happens in Flutter 3.7:
imagen

imagen

--
Thanks!

Metadata

Metadata

Assignees

No one assigned

    Labels

    P2Important issues not at the top of the work lista: typographyText rendering, possibly libtxtc: regressionIt was better in the past than it is nowc: renderingUI glitches reported at the engine/skia or impeller rendering levelengineflutter/engine repository. See also e: labels.found in release: 3.7Found to occur in 3.7has 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