Automattic / Automattic/jetpack

Forms: Columns block in the form editor don't work as expected

Open
#41,519 3 comments 0 reactions 0 assignees View on GitHub
[Block] Form [Feature] Forms [Plugin] Jetpack [Pri] Low [Status] Auto-allocated [Status] In Progress Bug Triaged
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

### Impacted plugin

Jetpack

### Quick summary

Currently when you add the columns block inside the form block. You end up with a situation where the a single column takes up 100% of the width of the forms block. Which means that a 2 columns blocks takes somehow take up 200% of the width of the editor.

See

![Image](https://github.com/user-attachments/assets/0d2effc2-4abe-4999-823c-12fe46f5f56b)

Notice the scroll bar at the bottom.

Notice that this feature only impacts the block editor.

### Steps to reproduce

1. Add the forms block. Pick a form.
2. Add the columns block inside the forms block.
3. Notice that the columns block take up a lot more space then expected.
4. The expectation is that he columns block would work the same if it was placed inside the form or not.

### Site owner impact

Fewer than 20% of the total website/platform users

### Severity

Moderate

### What other impact(s) does this issue have?

_No response_

### If a workaround is available, please outline it here.

_No response_

### Platform (Simple and/or Atomic)

Simple, Atomic, Self-hosted

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the issue in the WordPress block editor with a forms block containing a columns block, then inspect the form and columns block entry points. Done means columns inside the form use the same width behavior as columns placed outside it, without horizontal overflow.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.