Skip to content

[web] Emojis take a few seconds to render on canvaskit #76248

@mariamhas

Description

@mariamhas

I'm running my app on CanvasKit on Chrome Linux and what I'm seeing is this for a second:
image

Afterwards I'm seeing this for a few seconds:
image

And then I finally see this:
image

I don't understand because I definitely can see the emoji's on a normal page in Chrome, for example this just renders: 💌. But why doesn't it render normally in Flutter, and why does it have to download a font 'Noto Color Emoji' to render the emoji's. And this is only for CanvasKit, when using the HTML render it just shows me the emoji's properly without these 'transition' phases and without downloading any emoji font. Can't CanvasKit use the normal font which is used for everything else on my desktop environment or Chrome?

Originally posted by @rbozan in #74823 (comment)

Metadata

Metadata

Assignees

No one assigned

    Labels

    P2Important issues not at the top of the work lista: qualityA truly polished experiencee: web_canvaskitCanvasKit (a.k.a. Skia-on-WebGL) rendering backend for Webengineflutter/engine related. See also e: labels.perf: startupPerformance issues related to app startup timeplatform-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