Skip to content

[canvaskit] browser zoom does not relayout the contents #75286

Closed
flutter-team-archive/engine
#24160

Description

@yjbanov

Changing browser zoom level changes the device-pixel ratio of the page. The expected behavior is that Flutter lays out the page with the new device-pixel ratio for the available logical space. Instead, in CanvasKit mode we simply scale the content linearly, which is wrong.

For example, starting with this UI:

zoom-start

At 200% zoom level the UI should look like this:

zoom-expected

Instead, it looks like this:

zoom-actual

Activity

  1. added
    engineflutter/engine related. See also e: labels.
    c: renderingUI glitches reported at the engine/skia or impeller rendering level
    e: web_canvaskitCanvasKit (a.k.a. Skia-on-WebGL) rendering backend for Web
    on Feb 2, 2021
  2. self-assigned this
    on Feb 2, 2021
  3. github-actions commented on Aug 5, 2021

    @github-actions

    This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.

  4. locked as resolved and limited conversation to collaborators on Aug 5, 2021
  5. xu-baolin commented on Apr 12, 2022

    @xu-baolin
    Member

    Hi, @yjbanov, Would you like to take a look at this issue which only repro on the canvas kit backend.

  6. added
    P0Critical issues such as a build break or regression
    and removed on Jun 28, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

P0Critical issues such as a build break or regressionc: 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 specifically

Type

No type

Projects

No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions