humanmade / humanmade/post-template-table
React hierarchy warning in editor: <div> cannot be a child of a <tr>
- 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.
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