Post preview when using Gutenberg does not display changes when Yoast is active.

[rmarcano]

• I've read and understood the contribution guidelines.
• I've searched for any related issues and avoided creating a duplicate issue.

Please give us a description of what happened.

When using the Gutenberg editor, any changes made to the content after publishing the post the first time are not displayed in the post preview.

Please describe what you expected to happen and why.

I expected any changes made to the post to be displayed when clicking the "Preview" button, without having to publish the post first.

How can we reproduce this behavior?

1.While the Yoast SEO plugin is active, create a new post with content. Click "Preview" to see the changes without publishing. The changes should be displayed.
2.Publish the post.
3.Make changes to the post content, like adding a new paragraph. Click "Preview" again without publishing. Changes will not be displayed. Only publishing the post will display any subsequent changes.

Deactivate the Yoast SEO plugin and repeat the steps above. Changes should always be displayed in the preview without having to publish the post.

Technical info

• If relevant, which editor is affected (or editors):

• Classic Editor
• Gutenberg
• Classic Editor plugin

• Which browser is affected (or browsers):

• Chrome
• Firefox
• Safari
• Other

Used versions

• WordPress version: 5.0.2
• Yoast SEO version: 9.3

• Tested with theme: TwentySeventeen.

[klemensz]

I'm having the same issue (with the Parabola theme).

[Vixxd]

Same issue with my own theme based off Skeleton.css and Naked Wordpress.

[designsimply]

Tested and confirmed using WordPress 5.0.2 and Yoast SEO 9.3 that I cannot preview changes made to existing posts when Yoast is active but preview works normally if I deactivate Yoast.

Video: 1m41s
^{Tested with WordPress 5.0.2 and Yoast SEO 9.3 using Firefox 63.0.3 on macOS 10.13.6.}

[designsimply]

I tested this again with WordPress 5.0.3 and Yoast SEO 9.4 and the problem persists.

1. Go to Plugins and install or update to Yoast SEO 9.4.
2. Go to Posts and open any published post.
3. Make any edit to the post.
4. Click the "Preview" button and check to see if the edit appears in the preview.

Result: previews of edits made to published posts do not appear if Yoast SEO 9.4 is installed and activated. (53s)

[IreneStr]

Closing because this seems to be a bug on the WP/GB side. See: WordPress/gutenberg#12617 (comment)

[hughiemolloy]

For everyone's reference in WP Release 5.5 they have changed the preview to show Gutenberg updates but not meta field updates. Currently it is the opposite.

[IreneStr]

@hughiemolloy Thanks for letting us know! Could you maybe post the related Gutenberg PR/commit here? And can you give more context about what it means exactly for metafields?

[hughiemolloy]

When using Gutenberg autosaving does two saves, one for the Gutenberg editor and one for the metafields. The metafields used to happen second. They have switched the order. The problem is when saving the metafields they have the old post content. And as they are saved second the preview show the second, later, autosave and acts like the editor was not updated.

This is the merged PR: WordPress/gutenberg#14877