Skip to content

[UI] Horizontal overflow in Logs toolbar rendering search bar inaccessible #984

@Akarshkushwaha

Description

@Akarshkushwaha

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

  1. Open the application and navigate to the Logs tab.
  2. Narrow the window width.
  3. Observe the RIGHT OVERFLOWED warning 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:


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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions