Skip to content

Conversation

sahusiddharth
Copy link
Contributor

@sahusiddharth sahusiddharth commented Oct 2, 2025

resolves: #7942

Changes

  • Added scrolling functionality to the ColumnMultiSelector dropdown
  • Applied responsive max-height constraint (40vh) with vertical overflow scroll

Problem

When uploading CSV datasets with a large number of columns (10+), the column selector dropdown would overflow beyond the viewport, making it inconvenient to select columns that appeared below the fold.

Solution

Applied a max-height constraint using viewport-relative units (40% of viewport height) and vertical scrolling to the ListBox component

Screenshot 2025-10-02 at 10 40 30 PM

Note

Constrain the ListBox in DatasetFromCSVForm column selector to 40vh with vertical scrolling to prevent dropdown overflow.

Written by Cursor Bugbot for commit 3553aba. This will update automatically on new commits. Configure here.

@sahusiddharth sahusiddharth requested a review from a team as a code owner October 2, 2025 17:17
@github-project-automation github-project-automation bot moved this to 📘 Todo in phoenix Oct 2, 2025
@dosubot dosubot bot added the size:XS This PR changes 0-9 lines, ignoring generated files. label Oct 2, 2025
@sahusiddharth sahusiddharth changed the title Fix column selector dropdown overflow for CSV datasets with many columns fix: column selector dropdown overflow for CSV datasets with many columns Oct 2, 2025
@sahusiddharth
Copy link
Contributor Author

Hi @axiomofjoy

whenever you get a chance, could you please take a look at this PR and let me know if any changes are needed?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
size:XS This PR changes 0-9 lines, ignoring generated files.
Projects
Status: 📘 Todo
Development

Successfully merging this pull request may close these issues.

[bug][ui] csv dataset upload with large number of columns overflows dropdown
1 participant