Skip to content

Simplify insertion flow #833

Closed
Closed

Description

After discussions with @mtias (#798 (comment)) and @aduth and seeing some of the complexity that the proposed flow for inserting (#323) has presented, perhaps we should think of a simpler flow for insertion.

To be absolutely clear — the purpose of these mockups is to make the code simpler too. If these ideas and concepts add complexity, please do let me know. They are not gospel, and your thoughts are important here.

Flow

The inserter lives in the Editor bar at the top, and at the bottom of the post for quick access near where you're writing:

inserter

Click the inserter to open the block tray. Hovering a block in the inserter shows a blue line where the block will be inserted. The block will always be inserted after the selected block, and if nothing is selected, at the end of the document:

inserter after a block

In the above mockup, the first two paragraphs constitute a single text block, and the last paragraph is also a separate text block. Since the caret is in the first text block, the image about to be inserted will show up after.

CC: @aduth @youknowriad — will this make for a simpler, codewise, flow?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

Labels

[Feature] InserterThe main way to insert blocks using the + button in the editing interface[Priority] HighUsed to indicate top priority items that need quick attention[Type] TaskIssues or PRs that have been broken down into an individual action to take

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions