Editor, Preview: Previewing sites that don’t allow iframes

Testing https://github.com/Automattic/wp-calypso/pull/3291.

This site, test.wordpress.com, disallows iframes. Here’s what preview looks like in production.

 

The workaround is to hit the open in new window arrow box. This opens preview in a new tab/window. This forks flow, which is especially cumbersome on touch devices.

Screen Shot 2016-02-12 at 5.48.47 PM

Opening in a new tab forks flow

Note that preview on the iPhone 6+ is beneath the toolbar, obscuring the controls. Also, Preview exhibits scroll bleed.

IMG_7861

Here is preview with 3291.

Screen Shot 2016-02-12 at 5.58.18 PM.png

There is some funkiness here, perhaps theme specific, in the tablet preview mode. The hamburger menu pushes down content and it doesn’t close.

Screen Shot 2016-02-12 at 5.58.28 PM.png

Clicking hamburger doesn’t close the menu.

This screen also exhibits scroll bleed.

My mobile testing setup is a mess right now, so I can’t test local changes on iPhone 6+. Instead, I’ll take this opportunity to plug xip.io compat. 🙂

 

 

#chrome, #desktop, #editor, #forked-flow, #ios, #macos, #new-tab-window, #phablet, #preview, #scroll-bleed