Grid sizing error when user change display size in accessibility settings #93

Slexom · 2023-07-07T09:23:50Z

flutter_layout_grid: 2.0.4

flutter doctor

[✓] Flutter (Channel stable, 3.10.0, on macOS 13.4 22F66 darwin-arm64, locale it-IT)
  • Flutter version 3.10.0 on channel stable at /Users/carmelobuscemi/Documents/flutter
  • Upstream repository https://github.com/flutter/flutter.git
  • Framework revision 84a1e904f4 (8 weeks ago), 2023-05-09 07:41:44 -0700
  • Engine revision d44b5a94c9
  • Dart version 3.0.0
  • DevTools version 2.23.1

[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.2)
  • Android SDK at /Users/carmelobuscemi/Library/Android/sdk
  • Platform android-33, build-tools 33.0.2
  • ANDROID_HOME = /Users/carmelobuscemi/Library/Android/sdk
  • ANDROID_SDK_ROOT = /Users/carmelobuscemi/Library/Android/sdk
  • Java binary at: /Applications/Android Studio Preview.app/Contents/jbr/Contents/Home/bin/java
  • Java version OpenJDK Runtime Environment (build 17.0.6+0-17.0.6b802.4-9586694)
  • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 14.2)
  • Xcode at /Applications/Xcode.app/Contents/Developer
  • Build 14C18
  • CocoaPods version 1.12.1

[✓] Chrome - develop for the web
  • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2022.2)
  • Android Studio at /Applications/Android Studio Preview.app/Contents
  • Flutter plugin can be installed from:
    🔨 https://plugins.jetbrains.com/plugin/9212-flutter
  • Dart plugin can be installed from:
    🔨 https://plugins.jetbrains.com/plugin/6351-dart
  • Java version OpenJDK Runtime Environment (build 17.0.6+0-17.0.6b802.4-9586694)

[✓] VS Code (version 1.79.2)
  • VS Code at /Applications/Visual Studio Code.app/Contents
  • Flutter extension version 3.66.0

[✓] Connected device (3 available)
  • Pixel 6a (mobile) • 26021JEGR12354 • android-arm64  • Android 13 (API 33)
  • macOS (desktop)   • macos          • darwin-arm64   • macOS 13.4 22F66 darwin-arm64
  • Chrome (web)      • chrome         • web-javascript • Google Chrome 114.0.5735.198

[✓] Network resources
  • All expected network resources are available.

• No issues found!

When a user set display size to its maximum value, in accessibility or display settings, the content of the grid is rendered in a smaller area than its container.
I've noticed that the values of minWidthOfTracks and maxTracksWidth are lower than the width constraints in gridContraints.
The following tests and values are based on a Pixel 6a(Android 13) device, but the issue appear in other devices too, both Android and iOS.

View size: 320.0x663.1
Device Ratio: 3.375
Text scale factor: 1.3