WordPress / WordPress/gutenberg

Gutenberg editor crashes when interacting with links in a Custom HTML block

Open
#82,012 11 comments 3 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

[Block] HTML [Status] In Progress [Type] Bug
Dominant language
JavaScript
Stars
11.8k
Forks
4.9k
PR merge metrics
PR metrics pending

Description

Description

The Gutenberg editor encounters an unexpected error while updating a page that contains a Custom HTML block. The block includes a custom HTML structure with links to the current and external sites.

Step-by-step reproduction instructions
  • Go to Pages -> Add New or edit an existing page.
  • Add a Custom HTML block.
  • Add a custom HTML structure containing one or more links, for example:
<div>
    Have questions? <a href="< add-link >" target="_self">Contact Us</a>
</div>
  • Click the link in the Custom HTML block.
  • The link attempts to load the linked page inside the editor iframe.
  • Try to add a new block from the block inserter.
  • Open the editor’s side panel.
  • I am able to reproduce this issue in ​https://playground.wordpress.net/.
Screenshots, screen recording, code snippet

Here is the screen recording from WordPress Playground demonstrating the issue.

https://github.com/user-attachments/assets/70037180-1b92-47a0-bd27-6e0a890f350c

Image
Environment info
  • WordPress: 7.1
  • Browser: Chrome v151.0.7922.169
  • Theme: Twenty Twenty Five
Please confirm that you have searched existing issues in the repo.
  • Yes
Please confirm that you have tested with all plugins deactivated except Gutenberg.
  • Yes
Please confirm which theme type you used for testing.
  • Block
  • Classic
  • Hybrid (e.g. classic with theme.json)
  • Not sure

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the crash in WordPress Playground using a Custom HTML block with a link, then interact with the link, block inserter, and editor side panel. Start by tracing the Gutenberg editor behavior around the iframe after the link loads. Done means the editor remains usable and the block inserter and side panel open normally after interacting with the link.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, wordpress
Domain
frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
57/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.