search

Automattic / wp-calypso

The JavaScript and API powered WordPress.com
https://developer.wordpress.com
GNU General Public License v2.0
12.4k stars 1.98k forks source link

Oddities with the More Block when placed inside Columns Block #48636

Open bsanevans opened 3 years ago

bsanevans commented 3 years ago

Steps to reproduce

  1. Add a new post.
  2. Insert a Columns Block with one column.
  3. Add some intro text and a More Block inside the Columns Block.

read-more-editor

What I expected

In the blog (Homepage or Blog) and archives pages the post intro with one Read more link.

What happened instead

In the blog (Homepage or Blog) and archives pages there are two Read more links and the intro text is also duplicated for the new post.

read-more-front

Similar oddities are reported as happening when the More Block is placed inside a Media & Text block, inside a Columns Block. The Read More content appears three times.

read-more-media

Context / Source

Originally reported here: pbEMJv-qx-p2

Note

While the block must have been intended to be placed directly in the page/post content, this is not intuitive to some users. We may want to look at "fixing" this bug reported here, or even displaying messaging in the editor that the block should be placed directly in the page/post instead.

jordesign commented 3 years ago

@bsanevans It would be hand to know which cases this can be recreated in: I see it was using both Hever and Twenty Twenty but it would be good to see if it happens in a base WordPress install (not WPCOM) as well. That will help narrow down if this is perhaps a Gutenberg related bug instead

bsanevans commented 3 years ago

@jordesign Thanks! I've gone and worked on this a bit more. Here are my findings.

WPCOM site

Base WordPress install

Because the behaviour of TwentyTwenty was different in the two sites, this seems to be a WPCOM specific issue.

Robertght commented 3 years ago

I was able to replicate this using Blank Canvas and Restaurant.

It happened after I found a case where a Layout Grid block was used so the common component here is the columns block that was used.

3918799-zen