Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

It is unclear how to create a new block. #5891

Closed
jamieschmid opened this issue Mar 29, 2018 · 3 comments
Closed

It is unclear how to create a new block. #5891

jamieschmid opened this issue Mar 29, 2018 · 3 comments
Labels
[Feature] Blocks Overall functionality of blocks [Feature] Inserter The main way to insert blocks using the + button in the editing interface

Comments

@jamieschmid
Copy link

Version: 2.5.0

Issue Overview

It is unclear how to create a new block. Currently, the only way I could figure out was to hit return in the existing block, which creates the empty block. I suggest adding additional, labeled controls in both the menu, and the current block, which clearly state "Add New Block".

Steps to Reproduce (for bugs)

  1. Create a new page
  2. Start typing in the default block
  3. After typing, click outside of the block
  4. No controls exist for adding a new block

Expected Behavior

I spent quite a lot of time looking for a menu control to add a block, before I figured this out. My first instinct was to click the vertical ... which pulls up "More Options" - not there. Then, I went into the pullout menu under the Block tab - not there.

no-add-block-button

Current Behavior

From what I could find, the only way to create a new block is to hit 'return' from within your current block. I spent a lot of time looking for another way and was unable to find one.

Possible Solution

I suggest a "+ New Block" button inside the pullout menu Block tab, like so:
recommendation_add-block

This will add a new block directly below the block that is selected.

I understand reasoning behind hitting return to create a new block: if a new block is automatically created immediately after starting one, an empty block will be published if the user never types in it. We want to avoid that. However, using return, and only return, to create the new block is not sufficient. It also presents potentially prohibitive accessibility issues.

@danielbachhuber danielbachhuber added [Feature] Inserter The main way to insert blocks using the + button in the editing interface Feedback [Feature] Blocks Overall functionality of blocks labels Mar 30, 2018
@danielbachhuber
Copy link
Member

Thanks for the feedback, @jamieschmid !

For reference, there's also a "Add Block" button at the top of the view:

image

@ZebulanStanphill
Copy link
Member

Perhaps this is a sign that a label should be added to the "Add block" button on desktop? Or at least perhaps a tooltip or something pointing to it when you use the Gutenberg editor for the first time.

Additionally, the sibling inserter is kind of hard to discover if you move your mouse around a lot. You have to hover over an area slowly for it to appear. I kind of miss the old sibling inserter with the icon... it seemed a lot easier to use.

As for putting a button to add a new block in the block inspector, I think that is a bad idea. The block inspector is intended to show options for the currently-focused block, and I do not think an add block button belongs there. Rather, I think the sibling inserter should be improved and perhaps the "Add block" button in the top left be pointed out to new users.

@karmatosed
Copy link
Member

karmatosed commented Apr 1, 2018

As there is: #3670, which explores the experience and tips, for now I am going to close this issue. Discoverability absolutely is something we can work on and will.

It's worth noting that any closed issue can be reopened if needed, however this action seems right in this case.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Blocks Overall functionality of blocks [Feature] Inserter The main way to insert blocks using the + button in the editing interface
Projects
None yet
Development

No branches or pull requests

4 participants