Skip to content

[Web] Latest Release on Flutter Beta (1.26.0-17.3.pre) broke Web Zoom Behaviour #75790

Closed

Description

@VHCBlade

Steps to Reproduce

  1. Create the default template Flutter App
  2. Run the Template Flutter App on Browser
  3. Change the zoom of the app

Expected results:
Flutter App should resize to fit the space that it now has available relative to its size. This was the behaviour in the previous build.

Actual results:
Flutter App does not resize and instead acts as if the browser also became the size of the zoom. So it becomes too large when zoomed in and too small when zoomed out. Sometimes the app will resize itself when the browser window is resized, but I couldn't get this to happen consistently.

image
image

Logs
[  +91 ms] executing: [C:\flutter/] git -c log.showSignature=false log -n 1 --pretty=format:%H
[  +76 ms] Exit code 0 from: git -c log.showSignature=false log -n 1 --pretty=format:%H
[   +4 ms] 4b50ca7f7fbf56be72e54cd200825b760416a356
[   +1 ms] executing: [C:\flutter/] git tag --points-at 4b50ca7f7fbf56be72e54cd200825b760416a356
[  +79 ms] Exit code 0 from: git tag --points-at 4b50ca7f7fbf56be72e54cd200825b760416a356
[        ] 1.26.0-17.3.pre
[  +48 ms] executing: [C:\flutter/] git rev-parse --abbrev-ref --symbolic @{u}
[  +56 ms] Exit code 0 from: git rev-parse --abbrev-ref --symbolic @{u}
[        ] origin/beta
[        ] executing: [C:\flutter/] git ls-remote --get-url origin
[  +37 ms] Exit code 0 from: git ls-remote --get-url origin
[   +5 ms] https://github.com/flutter/flutter.git
[  +84 ms] executing: [C:\flutter/] git rev-parse --abbrev-ref HEAD
[  +42 ms] Exit code 0 from: git rev-parse --abbrev-ref HEAD
[        ] beta
[  +82 ms] Artifact Instance of 'AndroidGenSnapshotArtifacts' is not required, skipping update.
[        ] Artifact Instance of 'AndroidInternalBuildArtifacts' is not required, skipping update.[        ] Artifact Instance of 'IOSEngineArtifacts' is not required, skipping update.
[        ] Artifact Instance of 'FlutterWebSdk' is not required, skipping update.
[  +28 ms] Artifact Instance of 'WindowsEngineArtifacts' is not required, skipping update.
[  +11 ms] Artifact Instance of 'MacOSEngineArtifacts' is not required, skipping update.
[        ] Artifact Instance of 'LinuxEngineArtifacts' is not required, skipping update.
[        ] Artifact Instance of 'LinuxFuchsiaSDKArtifacts' is not required, skipping update.     
[        ] Artifact Instance of 'MacOSFuchsiaSDKArtifacts' is not required, skipping update.     
[        ] Artifact Instance of 'FlutterRunnerSDKArtifacts' is not required, skipping update.    
[  +14 ms] Artifact Instance of 'FlutterRunnerDebugSymbols' is not required, skipping update.
[  +83 ms] executing: C:\Users\Admin\AppData\Local\Android\sdk\platform-tools\adb.exe devices -l
[  +45 ms] List of devices attached
[   +5 ms] Artifact Instance of 'AndroidGenSnapshotArtifacts' is not required, skipping update.
[        ] Artifact Instance of 'AndroidInternalBuildArtifacts' is not required, skipping update.[  +10 ms] Artifact Instance of 'IOSEngineArtifacts' is not required, skipping update.
[   +3 ms] Artifact Instance of 'WindowsEngineArtifacts' is not required, skipping update.       
[        ] Artifact Instance of 'MacOSEngineArtifacts' is not required, skipping update.
[        ] Artifact Instance of 'LinuxEngineArtifacts' is not required, skipping update.
[        ] Artifact Instance of 'LinuxFuchsiaSDKArtifacts' is not required, skipping update.     
[        ] Artifact Instance of 'MacOSFuchsiaSDKArtifacts' is not required, skipping update.     
[        ] Artifact Instance of 'FlutterRunnerSDKArtifacts' is not required, skipping update.    
[  +12 ms] Artifact Instance of 'FlutterRunnerDebugSymbols' is not required, skipping update.
[  +93 ms] Multiple devices found:
[  +23 ms] Chrome (web) • chrome • web-javascript • Google Chrome 88.0.4324.150
[   +2 ms] Edge (web)   • edge   • web-javascript • Microsoft Edge 88.0.705.50
[   +2 ms] [1]: Chrome (chrome)
[  +31 ms] [2]: Edge (edge)
[   +3 ms] Please choose one (To quit, press "q/Q")
[  +19 ms] : 
[+4727 ms] 1
[  +45 ms] Skipping pub get: version match.
[ +134 ms] Generating
C:\Users\Admin\Documents\ATest\bug_test\android\app\src\main\java\io\flutter\plugins\GeneratedPluginRegistrant.java
[ +114 ms] Launching lib\main.dart on Chrome in debug mode...
[ +152 ms] Updating assets
[ +110 ms] Waiting for connection from debug service on Chrome...
[ +111 ms] <- reset
[  +10 ms] C:\flutter\bin\cache\dart-sdk\bin\dart.exe --disable-dart-dev
C:\flutter\bin\cache\artifacts\engine\windows-x64\frontend_server.dart.snapshot --sdk-root       
C:\flutter\bin\cache\flutter_web_sdk/ --incremental --target=dartdevc --debugger-module-names    
--experimental-emit-debug-metadata -DFLUTTER_WEB_AUTO_DETECT=true --output-dill
C:\Users\Admin\AppData\Local\Temp\flutter_tools.1da67f67\flutter_tool.73bbc487\app.dill
--libraries-spec file:///C:/flutter/bin/cache/flutter_web_sdk/libraries.json --packages
C:\Users\Admin\Documents\ATest\bug_test\.dart_tool\package_config.json -Ddart.vm.profile=false   
-Ddart.vm.product=false --enable-asserts --track-widget-creation --filesystem-root
C:\Users\Admin\AppData\Local\Temp\flutter_tools.1da67f67\flutter_tools.8637d6d8
--filesystem-scheme org-dartlang-app --initialize-from-dill
build\c7922d95bf4a2462b75c84a97c312edb.cache.dill.track.dill --platform
file:///C:/flutter/bin/cache/flutter_web_sdk/kernel/flutter_ddc_sdk.dill --no-sound-null-safety  
[  +25 ms] <- compile org-dartlang-app:/web_entrypoint.dart
[+20754 ms] Waiting for connection from debug service on Chrome... (completed in 20.9s)
[   +1 ms] Synced 29.1MB.
[  +15 ms] <- accept
[   +1 ms] Caching compiled dill
[+140407 ms] Using 
[ +165 ms] [CHROME]:
[  +34 ms] [CHROME]:DevTools listening on
ws://127.0.0.1:52862/devtools/browser/2dc7de78-7792-4bb6-bb13-b976e030b072
[+3133 ms] DwdsInjector: Received request for entrypoint at
http://localhost:52284/main_module.bootstrap.js
[   +6 ms] MetadataProvider: Loading debug metadata...
[  +10 ms] MetadataProvider: Loaded debug metadata
[   +6 ms] DwdsInjector: Injected debugging metadata for entrypoint at
http://localhost:52284/main_module.bootstrap.js
[+6309 ms] DevHandler: Debug service listening on ws://127.0.0.1:52907/8h-UndS_k-w=/ws

[  +12 ms] Debug service listening on ws://127.0.0.1:52907/8h-UndS_k-w=/ws
[        ] Running with unsound null safety
[        ] For more information see https://dart.dev/null-safety/unsound-null-safety
[   +2 ms] Warning: Flutter's support for web development is not stable yet and hasn't
[        ] been thoroughly tested in production environments.
[        ] For more information see https://flutter.dev/web
[        ]   To hot restart changes while running, press "r" or "R".
[   +2 ms] For a more detailed help message, press "h". To quit, press "q".
Analyzing bug_test...
No issues found! (ran in 1.7s)
[√] Flutter (Channel beta, 1.26.0-17.3.pre, on Microsoft Windows [Version
    10.0.18363.1316], locale en-US)
    • Flutter version 1.26.0-17.3.pre at C:\flutter
    • Framework revision 4b50ca7f7f (6 days ago), 2021-02-04 19:44:27 -0800
    • Engine revision 2c527d6c7e
    • Dart version 2.12.0 (build 2.12.0-259.8.beta)

[√] Android toolchain - develop for Android devices (Android SDK version 29.0.2)
    • Android SDK at C:\Users\Admin\AppData\Local\Android\sdk
    • Platform android-30, build-tools 29.0.2
    • Java binary at: C:\Program Files\Android\Android Studio\jre\bin\java
    • Java version OpenJDK Runtime Environment (build 1.8.0_202-release-1483-b03)       
    • All Android licenses accepted.

[√] Chrome - develop for the web
    • Chrome at C:\Program Files (x86)\Google\Chrome\Application\chrome.exe

[√] Android Studio (version 3.5)
    • Android Studio at C:\Program Files\Android\Android Studio
    • Flutter plugin can be installed from:
       https://plugins.jetbrains.com/plugin/9212-flutter
       https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 1.8.0_202-release-1483-b03)       

[√] VS Code (version 1.53.0)
    • Flutter extension version 3.19.0

[√] Connected device (2 available)
    • Chrome (web) • chrome • web-javascript • Google Chrome 88.0.4324.150
    • Edge (web)   • edge   • web-javascript • Microsoft Edge 88.0.705.50

• No issues found!

Activity

  1. ArishSultan commented on Feb 10, 2021

    @ArishSultan
    Contributor

    I am facing the same issue in version 1.26.0-18.0.pre.142

    Currently, the only workaround is to reload the page after changing the zoom level of the browser.

  2. TahaTesser commented on Feb 11, 2021

    @TahaTesser
    Contributor

    Hi @VHCBlade
    This is an issue in canvaskit
    The reason why it wasn't noticed before when simply running flutter web is, it used to be HTML as the default renderer on desktop/mobile web. which has changed in 1.26 and it now autoselects canvaskit on desktop and HTML on mobile (unless explicitly specified). Read more here #74621 (comment)

    You can see the issue in previous Flutter versions using canvaskit mode flutter run --dart-define=FLUTTER_WEB_USE_SKIA=true -d chrome -v and on the latest beta if you just run flutter run -d chrome -v(defaults to canvaskit now)

    This has been addressed and fixed, cherry-picked into the next beta release #75286

    latest dev and master

    ezgif com-gif-maker

    latest beta

    ezgif com-gif-maker (1)

    Closing as fixed. If you disagree, please write in the comments and I will reopen it.
    Thank you

  3. added
    r: fixedIssue is closed as already fixed in a newer version
    on Feb 11, 2021
  4. added
    r: duplicateIssue is closed as a duplicate of an existing issue
    and removed
    r: fixedIssue is closed as already fixed in a newer version
    on Feb 11, 2021
  5. 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.

  6. locked as resolved and limited conversation to collaborators on Aug 5, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    r: duplicateIssue is closed as a duplicate of an existing issue

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions