Skip to main content

Dialog footer stays pinned when content overflows

Version: 0.4.6 ยท Type: ๐Ÿ› Bug Fix

Problemโ€‹

When a Dialog had a long scrollable content area, the footer scrolled away with the content instead of staying pinned at the bottom of the dialog.

Changed Filesโ€‹

  • packages/design/src/components/Dialog/Dialog.tsx

Changesโ€‹

The content area div inside DialogContent was given flex-1 so it fills the available space between the header and footer. With the dialog body already using flex-col, this causes the content area to grow and scroll while the footer remains fixed at the bottom.