feat(block-editor)!: add-block picker and insert between blocks #100

Merged

pienter merged 4 commits from task/pienter-ui__block-editor-ux__add-picker into main 2026-09-19 22:48:47 +00:00

Conversation 0 Commits 4 Files changed 15 +418 -54

pienter commented 2026-09-19 21:47:07 +00:00

Owner

Copy link

Stacked on #97. Replaces the per-type add-button row with one Add block button and a type picker (DropdownMenu; searchable Command when blockTypes.length > 8 or searchable), plus an insert button on each row (before that row) that opens the same picker. New/inserted blocks open in the pane.

Also: DropdownMenu gains anchor (shared menu, several triggers) and a fix — it stayed visible while closed because its display: flex beat the UA rule hiding a closed popover.

Breaking: addLabel is a string now. Playground: 9 section types, so the Pages form gets the searchable picker.

Checks: typecheck, lint, format, bun test (139), build:vue, build:storybook, Overlay + BlockEditor play tests (26) green; Chrome: insert via searchable picker on the Pages form, menu picker in Storybook. Layout/Index stories Default and Invalid Sort Configuration fail, identically on the parent branch (unrelated).

To judge in review: insert buttons always visible on touch; one extra tab stop per row; clicking another insert button while the menu is open only closes it.

Goal: pienter-ui__block-editor-ux, ticket 30.

Stacked on #97. Replaces the per-type add-button row with one **Add block** button and a type picker (`DropdownMenu`; searchable `Command` when `blockTypes.length > 8` or `searchable`), plus an insert button on each row (before that row) that opens the same picker. New/inserted blocks open in the pane. Also: `DropdownMenu` gains `anchor` (shared menu, several triggers) and a fix — it stayed visible while closed because its `display: flex` beat the UA rule hiding a closed popover. Breaking: `addLabel` is a string now. Playground: 9 section types, so the Pages form gets the searchable picker. Checks: typecheck, lint, format, bun test (139), build:vue, build:storybook, Overlay + BlockEditor play tests (26) green; Chrome: insert via searchable picker on the Pages form, menu picker in Storybook. `Layout/Index` stories `Default` and `Invalid Sort Configuration` fail, identically on the parent branch (unrelated). To judge in review: insert buttons always visible on touch; one extra tab stop per row; clicking another insert button while the menu is open only closes it. Goal: pienter-ui__block-editor-ux, ticket 30.

pienter added 1 commit 2026-09-19 21:47:07 +00:00

feat(block-editor)!: add-block picker and insert between blocks ... c7e18bb492

One Add block button opens a type picker (DropdownMenu, or a searchable
Command above eight types), and an insert button on each row opens the same
picker for that position. DropdownMenu gains an anchor prop for a menu
shared by several triggers, and no longer stays visible while closed.

BREAKING CHANGE: addLabel is now a string for the single button instead of
a (typeLabel) => string function per type.

pienter added 1 commit 2026-09-19 21:53:27 +00:00

fix(sheet): span the full anchored edge ... 4b876acb50

The UA dialog's fit-content size and max-height/max-width beat the inset
pair, so a short sheet stopped under its footer.

pienter referenced this pull request 2026-09-19 21:58:48 +00:00

fix(index): validate sortable columns before the first load #101

pienter changed target branch from task/pienter-ui__block-editor-ux__rows-and-panel to main 2026-09-19 22:27:28 +00:00

pienter added 1 commit 2026-09-19 22:46:42 +00:00

Merge branch 'main' into task/pienter-ui__block-editor-ux__add-picker 357026d70f

pienter added 1 commit 2026-09-19 22:47:57 +00:00

chore(CHANGELOG.md): update after merge 83838c5c5b

pienter merged commit 7a99b33578 into main 2026-09-19 22:48:47 +00:00

pienter deleted branch task/pienter-ui__block-editor-ux__add-picker 2026-09-19 22:48:47 +00:00

pienter referenced this pull request from a commit 2026-09-19 22:48:48 +00:00

Merge pull request 'feat(block-editor)!: add-block picker and insert between blocks' (#100) from task/pienter-ui__block-editor-ux__add-picker into main

Sign in to join this conversation.

Reviewers

No reviewers

Labels

Clear labels

No items

No labels

Milestone

Clear milestone

No items

No milestone

Projects

Clear projects

No items

No project

Assignees

Clear assignees

No assignees

1 participant

Notifications

Subscribe

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference

pienter/ui!100

No description provided.