[UI] Horizontal overflow in Logs toolbar rendering search bar inaccessible #984
Description
Describe the bug
In the Logs pane, the toolbar containing the search bar and action buttons does not handle narrow window widths correctly. This triggers a RIGHT OVERFLOWED error. While some action buttons on the right remain visible, the search bar on the left becomes squashed or inaccessible.
Steps to Reproduce
- Open the application and navigate to the Logs tab.
- Narrow the window width.
- Observe the
RIGHT OVERFLOWEDwarning and the squashed search field.
Expected behaviour
The toolbar should be wrapped in a scroll view to allow horizontal navigation, ensuring the search bar and all buttons are usable regardless of window size.
Video Demonstration (Bug + Fix)
I have recorded a video showing the overflow issue and the fix working after applying SingleChildScrollView:
- Bug: https://www.loom.com/share/f58350e2b2084ca1b819034545833e24
- Fix: https://www.loom.com/share/063f77cea8364e2b900aa054ec3434c3
Device Info
- OS: Windows
- Version: Windows 11
- Environment: Desktop App
Flutter Doctor
[√] Flutter (Channel stable, 3.38.4, on Microsoft Windows [Version 10.0.26100.7462], locale en-IN)
[590ms]
• 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,292ms]
[√] Android toolchain - develop for Android devices (Android SDK version 36.1.0) [3.7s]
• 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 [238ms]
• Chrome at C:\Program Files\Google\Chrome\Application\chrome.exe
[√] Visual Studio - develop Windows apps (Visual Studio Build Tools 2026 18.1.0) [236ms]
• 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) [483ms]
• 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 [2.4s]
• All expected network resources are available.