Baskerville 2: Read More: Missing / Incorrect Location

[kspilarski]

Steps to replicate

• Activate Baskerville 2 and set Homepage settings to latest posts.
• (Create 3 posts to compare): In Post 1 editor, add texts and insert More block. Then after More block, add texts.
• In Post 2 editor, add texts and insert More block. Then after More block, add texts, and add an excerpt.
• In Post 3 editor, add texts and insert More block. Then after More block, add image block and texts after it.
• Publish posts and visit the front page.

Result

• In Post 1, Read More / Continue Reading will not appear after the specific texts you've added it to:

• In Post 2 (with excerpt), Read More / Continue Reading is not displayed.

• In Post 3 (More block followed by an Image block), Read More / Continue Reading is not displayed.

All 3 posts:

Expected

• Read More / Continue reading will be displayed in the correct location (after specific texts it was set to).

• Read More / Continue reading will be displayed when post has excerpt.

• Read More / Continue reading will be displayed even it's followed by an image.

• User report: [3735597-zd]

• Follow-up ticket: [3735597-zd]

[mrfoxtalbot]

Thank you for the report @kspilarski! I found a similar issue affecting TwentyTwentyone and reported it here.

Did you have the chance to try and reproduce this issue with a different theme?

[kspilarski]

Same case as these themes (Read More is not getting applied):

• Twenty Twenty One
• Dara
• Seedlet

[zdenys]

Another case: 4617470-zd-woothemes

[nagpai]

Related to this? https://github.com/Automattic/themes/issues/4789

[zdenys]

Related to this? #4789

Seems like it. Thanks for linking!

[cintacks]

There's a similar user report here here: 4670884-zd They're using Getty image embeds instead of the assumed way of adding images to each post. The height calculation is thus incorrect as the Getty embed is inserted after the post height is set so you end up with overlapping posts.

To replicate:

• Add a few posts (5-6 should do) and fill with a few paragraphs each (to ensure there's enough body text to replicate)
• Add a Getty image embed on a few of the posts and you should see the posts overlapping on the homepage