Wp-calypso: Coutoire Home Template: Page editor overlaps to the left

[geekinthegirl]

Steps to replicate

When trying to edit/add blocks to a page using the Coutoire theme, the editor loads content overlapped to the left, making it difficult to edit:

This was replicated by adding Coutoire to a test site, and the same occurs with demo content:

This behaviour was the same in both Chrome and Firefox.

Expected

Calypso editor should allow users to edit content for the Coutoire theme within the screen, and not overlap or cut off.

Also to note: when published, the content looks fine. This issue only occurs in the editor.

• User report: #3880801-hc

[tijosh]

I'm only able to reproduce the problem in the Coutoire home page template. All other templates and blocks seem to work ok. Moving this to wp-calypso for page template bugs.

[tijosh]

Looks similar to /Automattic/themes/issues/1816

[kjellr]

I think this issue is specific to Coutoire, and has to do with the fact that the Media & Text block on the left there is a full-width block inside of a column block. Changing it to a standard width eliminates the issue, and keeps the appearance the same on the front end:

Before

After

---

This may be something that can be fixed in the theme, but a quicker fix for now would be to just adjust that template to not use a full-width block there.

[simison]

a quicker fix for now would be to just adjust that template to not use a full-width block there

@ianstewart

[ianstewart]

This _should_ be corrected now. I updated this homepage annotation just yesterday but … @obenland it looks like theme switching is still using the old annotation for the homepage layout? Anything we can do to update that?

[obenland]

Homepage templates are cached for 24 hours. So either regenerate or wait

[kjellr]

Also just to follow up: https://github.com/Automattic/themes/pull/1902 should prevent this from happening in the future.