Skip to content

Conversation

@Akarshkushwaha
Copy link

@Akarshkushwaha Akarshkushwaha commented Dec 27, 2025

PR Description

This PR resolves a horizontal layout overflow in the Import Dialog header. On narrow window widths, the header row containing the "Import" label and the format selection dropdown would exceed the available horizontal space, triggering a RIGHT OVERFLOWED BY 28 PIXELS error.

I have wrapped the header Row in a SingleChildScrollView with Axis.horizontal, which allows the content to handle restricted widths gracefully without crashing the layout.

https://www.loom.com/share/673e150840f447a980cb00c464cff96e

Related Issues

Checklist

  • I have gone through the [contributing guide]
  • I have updated my branch and synced it with project main branch before making this PR
  • I am using the latest Flutter stable branch (run flutter upgrade and verify)
  • I have run the tests (flutter test) and all tests are passing

Added/updated tests?

  • Yes
  • No, and this is why: This is a purely visual UI/UX layout fix using standard Flutter widgets (SingleChildScrollView) to resolve a RenderFlex overflow. Existing widget tests for dialog functionality should remain unaffected.

OS on which you have developed and tested the feature?

  • Windows
  • macOS
  • Linux

@Akarshkushwaha Akarshkushwaha changed the title fix: resolve horizontal overflow in import dialog header Fix 987 - Resolve horizontal overflow in import dialog header Dec 27, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[UI] Import dialog header overflows horizontally on narrow window widths

1 participant