Skip to content

fix: make CSV import dialog scrollable#107

Merged
liamwalder merged 2 commits intodevelopfrom
fix/scrollable-csv-import-dialog
Mar 30, 2026
Merged

fix: make CSV import dialog scrollable#107
liamwalder merged 2 commits intodevelopfrom
fix/scrollable-csv-import-dialog

Conversation

@tristan-mouchet
Copy link
Copy Markdown
Collaborator

@tristan-mouchet tristan-mouchet commented Mar 27, 2026

Summary

Fix the CSV import dialog overflowing the viewport when mapping CSVs with many columns (e.g. 25+). The column mapping list now scrolls within a viewport-constrained dialog.

Changes

  • Cap dialog height at 85vh to prevent viewport overflow
  • Add min-h-0 to the mapping list so flexbox allows it to shrink and scroll
  • Add no-scrollbar for a cleaner scrollable area

Test plan

sample-25-columns.csv

  • Import a CSV with 25+ columns and verify the mapping step scrolls
  • Verify the dialog does not exceed the viewport on small screens
  • Confirm all other import steps (upload, confirm, progress, complete) render correctly

The mapping step overflowed the viewport when importing CSVs
with many columns. Cap the dialog at 85vh and allow the column
list to scroll internally.

Made-with: Cursor
@tristan-mouchet tristan-mouchet added the Bug Something isn't working label Mar 27, 2026
@tristan-mouchet tristan-mouchet self-assigned this Mar 27, 2026
@tristan-mouchet tristan-mouchet changed the title fix: make CSV import dialog scrollable with many columns fix: make CSV import dialog scrollable Mar 27, 2026
@liamwalder liamwalder merged commit eac81a7 into develop Mar 30, 2026
2 checks passed
@liamwalder liamwalder deleted the fix/scrollable-csv-import-dialog branch March 30, 2026 10:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Bug Something isn't working

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants