Gutenberg: Columns adding block only available on left and right seems stuck

Created on 23 Mar 2018  路  11Comments  路  Source: WordPress/gutenberg

I was using Chrome and got the following interesting formatting happening using the column block and 2 columns.

2018-03-23 at 22 15

Once I added blocks I could only add to one side:

2018-03-23 at 22 17

[Feature] Nested / Inner Blocks [Status] Needs More Info [Type] Bug

All 11 comments

This still happens on trunk

2018-04-05 at 17 25

In my testing, this occurs only when focus is not within the second column when using the inserter.

This is still happening in master and Gutenberg 3.2.

Still happening in Gutenberg 3.6.2 and master.

For clarity's sake, could we get a simple set of reproducible steps here?

Based on the re-reading of the original comment, I'm left to wonder if this is the difference of the default appender being visible only after non-default block (i.e. won't show if the last in a column is Paragraph, which is expected, same as in top-level editor).

Given my previous response, I'm assuming I did find some legitimate issue to exist, though in revisiting it's not exactly obvious what's wrong / expected, and more information could help make this issue actionable.

@aduth Inserting a block places a block in the same context as where the text cursor is at.

If my text cursor is in a block outside of the Columns block, using the inserter on the right column will insert a block outside of the Columns block.

If my text cursor is in the left column, using the inserter on the right column will insert a block in the left column.

I was unable to reproduce the problem using the following testing steps:

  1. Add a columns block with at least one paragraph block with content in each column.
  2. Add a gallery block below the columns block.
  3. Place the cursor in the paragraph block in the left column.
  4. Click the sibling inserter for the paragraph block in the right column.

Result: I was able to use the sibling inserter to add a new nested block without any trouble. (34s)

nested-block-sibling-inserter-test
Seen at http://alittletestblog.com/wp-admin/post.php?post=14967&action=edit running WordPress 4.9.8 and Gutenberg 3.9.0-rc.1 using Firefox 62.0 on macOS 10.13.6.

@designsimply The issue does not occur with the sibling inserter. You need to use the inserter that appears in the placeholder automatically created below a non-Paragraph block. Also, your text cursor has to be in the other column when you use the inserter. Please re-open. I can confirm this is still happening in master.

Apologies for not seeing your last comment earlier @ZebulanStanphill! Things have changed a bit since your last reply, so I re-tested just now using WordPress 5.0.3 and no active plugins using the following steps (with the testing steps modified per your note) and I think the issue has been resolved.

  1. Add a columns block with at least one paragraph block with content in each column.
  2. Add a gallery block below the columns block.
  3. Place the cursor in the paragraph block in the right column (this will create a default block below it).
  4. Place the cursor in the paragraph block in the left column.
  5. Click the inserter on the default block below the paragraph block in the right column.

5772-11s

I'd be happy to loop back around to test again if you spot anything off in the testing steps!

@designsimply I am also unable to reproduce the issue in Gutenberg 5.0 on WordPress 5.0.3, so it looks like the issue has been fixed! :smile:

Describe the bug
I still have the same problem in Wordpress 5.1 (without any plugins, Theme: Twenty Nineteen).
I try to add a block to the right column and it appears in the left column.

To Reproduce

  1. add a columns block to the page.
  2. click on the right cross in the right column and add a heading block. ( both columns are empty until here)

Image of the Bug

Expected behavior
the heading block should be insert in the right colum.

When i first click in the right column and then try to add a block with the plus at the right side of that column, everything works well.

Was this page helpful?
0 / 5 - 0 ratings