Skip to content

Conversation

@rchlfryn
Copy link
Collaborator

@rchlfryn rchlfryn commented Jan 14, 2026

Description

The column selector experience for content blocks is a bad UI & UX. This PR updates the column selector to automatically pick valid layout based on number of columns added. It will also hide any irrelevant column selections.

Related Issues

Fixes #701

Key Changes

  • Adds useEffect to listen for change in number of columns to automatically selects the first valid column layout when a column is added
  • Hides any irrelevant/not valid column layouts that were previously displayed

How to test

  • Add a content block to a page
  • Add/ remove columns and watch the column picker update

Screenshots / Demo video

https://www.loom.com/share/9576fb618d7045ada752affafe0f00e9

@github-actions
Copy link

Preview deployment: https://update-column-picker.preview.avy-fx.org

@rchlfryn rchlfryn requested a review from busbyk January 15, 2026 17:21
@rchlfryn rchlfryn marked this pull request as ready for review January 15, 2026 17:21
Copy link
Collaborator

@busbyk busbyk left a comment

Choose a reason for hiding this comment

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

I love it! I really like the UX

@rchlfryn rchlfryn enabled auto-merge January 16, 2026 20:23
@rchlfryn rchlfryn added this pull request to the merge queue Jan 16, 2026
Merged via the queue into main with commit 7217aec Jan 16, 2026
6 of 7 checks passed
@rchlfryn rchlfryn deleted the update-column-picker branch January 16, 2026 20:29
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.

Blocks - content column picker is annoying

3 participants