Skip to content

Facebook Embed block and Custom HTML block not working #102643

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
westnz opened this issue Apr 16, 2025 · 2 comments
Closed

Facebook Embed block and Custom HTML block not working #102643

westnz opened this issue Apr 16, 2025 · 2 comments
Assignees
Labels
3. Scrubbed / Ready Triage > 3. Scrubbed / Ready Dotcom [Feature] Core Blocks Blocks that come with Gutenberg. [Feature Group] Editor Experience Features related to Gutenberg integration on WordPress.com. [Pri] High Address as soon as possible after BLOCKER issues [Type] Bug When a feature is broken and / or not performing as intended

Comments

@westnz
Copy link

westnz commented Apr 16, 2025

Context and steps to reproduce

Unmute:
https://github.com/user-attachments/assets/d9b90f21-4704-4a7e-bbc0-bf61edb205b2

Site owner impact

More than 60% of the total website/platform users

Severity

Major

What other impact(s) does this issue have?

Platform revenue

If a workaround is available, please outline it here.

No response

Platform

No response

@westnz westnz added [Feature Group] Editor Experience Features related to Gutenberg integration on WordPress.com. [Feature] Core Blocks Blocks that come with Gutenberg. [Product] WordPress.com All features accessible on and related to WordPress.com. [Type] Bug When a feature is broken and / or not performing as intended Needs triage Ticket needs to be triaged labels Apr 16, 2025
@kspilarski kspilarski added Triaged To be used when issues have been triaged. and removed Needs triage Ticket needs to be triaged labels Apr 16, 2025
@kspilarski
Copy link

📌 REPRODUCTION RESULTS

  • Tested on Simple – Replicated
  • Tested on Atomic – Replicated

📌 FINDINGS/SCREENSHOTS/VIDEO

Video content from the report:

When using a Facebook Embed block, the editor displays the message: "Embedded content from www.facebook.com can't be previewed in the editor," and no preview appears. However, clicking "Preview in a new tab" displays the Facebook embed.
When using a Custom HTML block with Facebook embed code, the preview appears correctly in the editor, but does not display when the page is previewed.

Findings from the test:

  • Simple site - Only the Custom HTML block preview is visible in the editor; the Facebook Embed block does not display a preview:
Image
  • Simple site - on the page preview, only the Facebook embed is visible; the Custom HTML block does not display.
Image
  • On both Simple and Atomic sites, Facebook embeds don’t display in the editor but appear correctly in the preview.

  • On Simple sites, while iframes aren’t supported, it's still possible to add Facebook iframe embed code in the editor, where it shows up, but it won’t display in the preview or live page. This can be confusing since it was possible to add the iframe code in the editor.

  • On Atomic sites, the Custom HTML block works as expected, the embed displays in both the editor and preview.

Image Image

📌 ACTIONS

  • Triaged

@kspilarski kspilarski added the [Pri] Normal Schedule for the next available opportuinity. label Apr 16, 2025
@kspilarski kspilarski added [Pri] High Address as soon as possible after BLOCKER issues and removed [Pri] Normal Schedule for the next available opportuinity. labels Apr 16, 2025
@richtabor richtabor added the Dotcom label Apr 17, 2025 — with Linear
@richtabor richtabor removed the [Product] WordPress.com All features accessible on and related to WordPress.com. label Apr 17, 2025
@arthur791004
Copy link
Contributor

Closing it via Automattic/jetpack#43132. The custom HTML embed code from Facebook.com will now be converted into an oEmbeddable URL, allowing the preview to display properly on the frontend.

@arthur791004 arthur791004 self-assigned this Apr 22, 2025
@inaikem inaikem added the 3. Scrubbed / Ready Triage > 3. Scrubbed / Ready label Apr 28, 2025 — with Linear
@inaikem inaikem removed the Triaged To be used when issues have been triaged. label Apr 28, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
3. Scrubbed / Ready Triage > 3. Scrubbed / Ready Dotcom [Feature] Core Blocks Blocks that come with Gutenberg. [Feature Group] Editor Experience Features related to Gutenberg integration on WordPress.com. [Pri] High Address as soon as possible after BLOCKER issues [Type] Bug When a feature is broken and / or not performing as intended
Development

No branches or pull requests

5 participants