[UI] Import dialog header overflows horizontally on narrow window widths #987
Description
Describe the Bug
The application triggers a RIGHT OVERFLOWED warning in the Import Dialog when the window width is narrowed. While the UI elements remain functional, a yellow-and-black striped overflow banner appearing on the right indicates that the layout constraints are being exceeded by 28 pixels.
Steps to Reproduce the bug/problem
- Launch the application and open the Import Dialog (via the three-dot menu on a request).
- Narrow the window width until the yellow overflow strip appears at the top-right of the dialog.
Expected behavior
The UI should handle constrained horizontal space gracefully. By wrapping the header row in a SingleChildScrollView, the overflow warning should be resolved, allowing the "Import" label and format selection dropdown to maintain their layout without exceeding container boundaries.
Video Demonstration (Bug + Fix)
- Bug: https://www.loom.com/share/1a5f6ed3aa6742cdb0d089b0cd79e86d
- Fix: https://www.loom.com/share/673e150840f447a980cb00c464cff96e
Device Info (The device where you encountered this issue)
- OS: Windows
- Version: Version: Windows 11
- Environment: Desktop App
Flutter Doctor
Please run the flutter doctor -v command and provide the details below:
[√] Flutter (Channel stable, 3.38.4, on Microsoft Windows [Version 10.0.26100.7462], locale en-IN) [414ms]
• Flutter version 3.38.4 on channel stable at C:\src\flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision 66dd93f9a2 (3 weeks ago), 2025-12-03 14:56:10 -0800
• Engine revision a5cb96369e
• Dart version 3.10.3
• DevTools version 2.51.1
• Feature flags: enable-web, enable-linux-desktop, enable-macos-desktop, enable-windows-desktop,
enable-android, enable-ios, cli-animations, enable-native-assets, omit-legacy-version-file,
enable-lldb-debugging
[√] Windows Version (Windows 11 or higher, 24H2, 2009) [1,764ms]
[√] Android toolchain - develop for Android devices (Android SDK version 36.1.0) [2.4s]
• Android SDK at C:\Users\akars\AppData\Local\Android\sdk
• Emulator version 36.2.12.0 (build_id 14214601) (CL:N/A)
• Platform android-36, build-tools 36.1.0
• Java binary at: C:\Program Files\Android\Android Studio\jbr\bin\java
This is the JDK bundled with the latest Android Studio installation on this machine.
To manually set the JDK path, use: `flutter config --jdk-dir="path/to/jdk"`.
• Java version OpenJDK Runtime Environment (build 21.0.8+-14196175-b1038.72)
• All Android licenses accepted.
[√] Chrome - develop for the web [169ms]
• Chrome at C:\Program Files\Google\Chrome\Application\chrome.exe
[√] Visual Studio - develop Windows apps (Visual Studio Build Tools 2026 18.1.0) [168ms]
• Visual Studio at C:\Program Files (x86)\Microsoft Visual Studio\18\BuildTools
• Visual Studio Build Tools 2026 version 18.1.11304.174
• Windows 10 SDK version 10.0.26100.0
[√] Connected device (3 available) [385ms]
• Windows (desktop) • windows • windows-x64 • Microsoft Windows [Version 10.0.26100.7462]
• Chrome (web) • chrome • web-javascript • Google Chrome 143.0.7499.170
• Edge (web) • edge • web-javascript • Microsoft Edge 143.0.3650.96
[√] Network resources [1,794ms]
• All expected network resources are available.