Skip to content

fix: resolve DialogShell bottom overflow when body exceeds viewport#22

Merged
anilcancakir merged 4 commits intomainfrom
fix/dialog-shell-overflow
Apr 6, 2026
Merged

fix: resolve DialogShell bottom overflow when body exceeds viewport#22
anilcancakir merged 4 commits intomainfrom
fix/dialog-shell-overflow

Conversation

@anilcancakir
Copy link
Copy Markdown
Contributor

Summary

  • Remove flex flex-col from outer WDiv in MagicStarterDialogShell — the Wind UI Flex widget broke constraint propagation to the inner Column, causing bottom overflow instead of scrolling when body content exceeded maxHeight
  • WDiv now acts as a plain styled container, letting Column receive constraints directly from ConstrainedBox → Flexible + ListView scrolls correctly

Test plan

  • New test: body scrolls without overflow when content exceeds viewport — 20 items × 60px in 400×600 viewport
  • All 13 dialog shell tests pass
  • Full suite: 579 tests pass
  • flutter analyze: 0 issues

Closes #21

Remove `flex flex-col` from the outer WDiv className — the Wind UI Flex
widget broke constraint propagation to the inner Column, causing overflow
instead of scrolling when content exceeded maxHeight. The WDiv now acts
as a plain styled container, letting Column receive constraints directly
from ConstrainedBox.

Closes #21
Copilot AI review requested due to automatic review settings April 6, 2026 23:32
Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Fixes a bottom overflow in MagicStarterDialogShell when the dialog body exceeds the available viewport height by ensuring height constraints propagate correctly so the body area can scroll.

Changes:

  • Removed Wind flex flex-col classes from the outer WDiv in MagicStarterDialogShell to avoid breaking constraint propagation into the inner Column.
  • Added a widget test covering the “large body in small viewport” scenario to ensure no bottom overflow and that footer remains rendered.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.

File Description
lib/src/ui/widgets/magic_starter_dialog_shell.dart Removes flex styling from the container WDiv so the constrained Column + Flexible(ListView) layout can scroll instead of overflowing.
test/ui/widgets/magic_starter_dialog_shell_test.dart Adds a regression test for large body content in a constrained viewport to catch overflow issues.

Comment thread test/ui/widgets/magic_starter_dialog_shell_test.dart
Verify the ListView is actually scrollable by dragging and asserting
scroll offset increases, and that the footer remains visible after
scrolling — addresses Copilot review feedback.
Auth facade now resolves AuthManager from IoC container instead of using
a static singleton. All 16 test files updated to bind AuthManager via
Magic.singleton('auth', () => AuthManager()) before accessing
Auth.manager. Bumped minimum magic dependency to ^1.0.0-alpha.7.
@anilcancakir anilcancakir merged commit 2fcc054 into main Apr 6, 2026
1 check passed
@sentry
Copy link
Copy Markdown

sentry bot commented Apr 6, 2026

Welcome to Codecov 🎉

Once you merge this PR into your default branch, you're all set! Codecov will compare coverage reports and display results in all future pull requests.

Thanks for integrating Codecov - We've got you covered ☂️

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.

MagicStarterDialogShell: bottom overflow when body has many items

2 participants