Embed Block: giphy embeds switch from animated gif to html page when clicked

[mgalbritton]

Describe the bug
Within Gutenberg, if you add a giphy embed via the generic embed block, the properly gif will show but if you then click on the gif to adjust the layout, the image showing changes to the giphy homepage.

To Reproduce
Steps to reproduce the behavior:

1. Create a new post.
2. Using the embed block, add a giphy link.
3. See the gif embed
4. Click on the embed to adjust the layout of the embed.
5. Watch the gif change instead.
6. Preview the post, and you will see the correct embed.

Expected behavior
I expected the same preview image to show consistently.

Screenshots

Desktop (please complete the following information):

• OS: High Sierra
• Browser Chrome
• Version 67.0.3396.99

Additional context
Gutenberg version 3.2.0

[designsimply]

Tested and confirmed that I clicking on an embedded giphy causes the display to change from the animated gif to the whole html page for said giphy.

^{Seen at http://alittletestblog.com/wp-admin/post.php?post=13959&action=edit running WordPress 4.9.7 and Gutenberg 3.2.0 using Firefox 61.0.1 on macOS 10.13.5.}

Sample embed url I used for testing: https://giphy.com/gifs/peanuts-charlie-brown-a-christmas-Vz1cEfM0VFpII

[cmartini]

Anyone on this or is there a workaround?

[notnownikki]

Embedded content in the editor is rendered inside the Sandbox component, which i an iframe with security restrictions applied.

To fix this, there needs to be an option to allow or prevent clicks going to the rendered content. I've assigned myself to work on this.

[youknowriad]

This is fixed by #12981