humanmade / humanmade/post-template-table

React hierarchy warning in editor: <div> cannot be a child of a <tr>

Open
#6 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
5
Forks
0
PR merge metrics
No merged PRs in 30d

Description

In our block's Edit method, we render out the innerblocks directly into a TR. This causes a DOM hierarchy error because React complains when a `` is the parent of a non-table node.

Image

We should look to see if we can maintain the desired UX with a more technically correct DOM structure.

Contributor guide

No contributing guide indexed for this repository

Research direction

Start in the block's Edit method and inspect how InnerBlocks are rendered directly inside the table row. Reproduce the React hierarchy warning in the editor, then identify a technically valid DOM structure that preserves the desired table UX and verify that the warning is gone.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
52/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.