Embed Block: Facebook photo posts come with transparent backgrounds

[hacchism]

Quick summary

When you embed Facebook photo posts using the Embed Block, the posts come with transparent backgrounds, while other post types come with a white background.

Steps to reproduce

1. Create a new page.
2. Embed two Facebook posts (Photo post type and other type to compare) using the Embed Blocks.

What you expected to happen

All embeds come with a white background.

What actually happened

A photo post comes with a transparent background, and other post type come with a white background.

Impact

Some (< 50%)

Available workarounds?

Yes, easy to implement

Platform (Simple and/or Atomic)

Simple

Logs or notes

Workaround:

.fb_iframe_widget iframe {
    background: #ffffff;
}

Originally reported in 7915015-zen

[github-actions[bot]]

Support References

This comment is automatically generated. Please do not edit it.

• [ ] 7915015-zen

[rickmgithub]

📌 REPRODUCTION RESULTS

• Tested on Atomic – Replicated

📌 FINDINGS/SCREENSHOTS/VIDEO

1) Set up a page 2) Embed two different post types from Facebook Examples: https://www.facebook.com/WordPresscom/posts/pfbid02kUDsnU5jxtkMerLgB1fFujL5Enz2v3hAB4rUURArbj5cFFKmGK2yV3b4FizKQvqPl and https://www.facebook.com/WordPresscom/posts/pfbid02W5K2F58iaS3GD2YPgCoe4K2ckxMmPHb6JE4PSfLtqwQ7fVuZAAY3ndQHozvkhX19l 3) View the public page 4) Notice how some parts are white and some parts are transparent.

It's easy to fix with a background colored group block or with the page color being white.

📌 ACTIONS

Triaged