Repository navigation
[Web] Latest Release on Flutter Beta (1.26.0-17.3.pre) broke Web Zoom Behaviour #75790
Copy link
Copy link
Closed
Closed
Copy link
Labels
r: duplicateIssue is closed as a duplicate of an existing issueIssue is closed as a duplicate of an existing issue
Description
Steps to Reproduce
- Create the default template Flutter App
- Run the Template Flutter App on Browser
- 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.
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!
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
r: duplicateIssue is closed as a duplicate of an existing issueIssue is closed as a duplicate of an existing issue


Activity
ArishSultan commentedon Feb 10, 2021
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.
TahaTesser commentedon Feb 11, 2021
Hi @VHCBlade
This is an issue in
canvaskitThe reason why it wasn't noticed before when simply running flutter web is, it used to be
HTMLas the default renderer on desktop/mobile web. which has changed in1.26and it now autoselectscanvaskiton desktop andHTMLon mobile (unless explicitly specified). Read more here #74621 (comment)You can see the issue in previous Flutter versions using
canvaskitmodeflutter run --dart-define=FLUTTER_WEB_USE_SKIA=true -d chrome -vand on the latestbetaif you just runflutter run -d chrome -v(defaults tocanvaskitnow)This has been addressed and fixed, cherry-picked into the next
betarelease #75286latest
devandmasterlatest
betaClosing as fixed. If you disagree, please write in the comments and I will reopen it.
Thank you
github-actions commentedon Aug 5, 2021
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 -vand a minimal reproduction of the issue.