Skip to content

Flutter web rendering occasionally becomes blurry when page is expanded #122541

@elliette

Description

@elliette

When I expand a Flutter web app, it occasionally becomes slightly blurry. I'm able to reproduce this with just the Flutter Gallery demo app by expanding it a little: https://gallery.flutter.dev/#/

A few things I've noticed:

  • This doesn't always happen when expanding the app (perhaps it's dependent on certain height / width ratios)
  • This doesn't seem to happen when minimizing the app
  • If I IFRAME the app, then this happens every time (see CSS for the IFRAME below)
iframe {
    border: 0pt none;
    height: 100%;
    left: 0px;
    position: relative;
    top: 0px;
    width: 100%;
  }

Demo of expanding app and having it become blurry:

blurry expanding

Screenshot of blurriness once expanded:

Screenshot 2023-03-13 at 10 32 07 AM

Screenshot of same widget once I've refreshed the page (no longer blurry):

Screenshot 2023-03-13 at 10 32 18 AM

Metadata

Metadata

Labels

P1High-priority issues at the top of the work lista: fidelityMatching the OEM platforms betterc: renderingUI glitches reported at the engine/skia or impeller rendering levele: 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