Wp-calypso: Template preview content expanding past preview frame (and sometimes too close to the frame).

Created on 16 Jan 2020  Â·  5Comments  Â·  Source: Automattic/wp-calypso

Template preview content is expanding beyond the preview frame or right up to the edge of the frame and looks either "very broken" or "broken" in Chrome on MacOS. Some examples …

Expanding beyond the template preview …

image

Too close to the edge of the preview …

image

cc @apeatling @iamtakashi @alaczek

[Goal] Page Templates [Type] Bug

Most helpful comment

cc @michaeldcain who has started looking at this one.

All 5 comments

I can't reproduce this at all on Mac Chrome. Anything specific I need to do?

I can see the same thing as Ian does when the viewport is narrower like the screenshot. It seems a responsive issue in the preview.

I can reproduce this in Mac Chrome with both the Maywood theme and the Independent Publisher 2 theme at a browser window size of 1366x768. It's most noticeable on the Menu template and the Barnsbury template.

Definitely looks like a responsive issue in the preview. Barnsbury will start to almost look right if only you can get your browser window past the 2200px width. :)

Anything specific I need to do?

  • Open Chrome on a Mac with browser resolution set at 1366x768
  • Create a new account and site from WP.com
  • Add a new page
  • Click on Menu and Barnsbury, the preview should look like the following …

Maywood active …

image

image

Independent Publisher 2 active …

image

image

cc @michaeldcain who has started looking at this one.

Was this page helpful?
0 / 5 - 0 ratings