Skip to content

Docs: wrap the form text example in a form field - #43274

Merged
julien-deramond merged 2 commits into
mainfrom
v6-jd-form-text-form-field
Nov 2, 2026
Merged

julien-deramond merged 2 commits into
mainfrom
v6-jd-form-text-form-field

Conversation

@julien-deramond

@julien-deramond julien-deramond commented Nov 2, 2026 •

Copy link
Copy Markdown
Member

The "Form text" section of the form control page says a top margin is added to a block-level .form-text, and its example sits right under the input with no gap. In v6 .form-text has no margin: it was commented out in #42308 and the unused token was removed in #43223, because the spacing now comes from the parent .form-field grid gap.

The migration guide says so:

The margin-top from --form-text-margin-top is removed; spacing is handled by the parent .form-field grid gap.

The docs example never got that wrapper.

The block example is now wrapped in a .form-field, which gives the label, input and text the same .5rem gap as the other examples on the page, and the sentence says .form-text sets no margin of its own and points to the form field page. The inline example stays as it is.

Before After
Screenshot 2026-11-02 at 21 18 49 Screenshot 2026-11-02 at 21 19 00

Fixes #43271.

🤖 Generated with Claude Code

…spacing

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
@julien-deramond julien-deramond added docs Documentation site and its content v6 v6, the main branch html Component markup: elements, attributes, structure labels Nov 2, 2026
@julien-deramond
julien-deramond marked this pull request as ready for review November 2, 2026 20:20
@github-project-automation github-project-automation Bot moved this to Inbox in v6.0.0 Nov 2, 2026
@julien-deramond julien-deramond added this to the v6.0.0-alpha.2 milestone Nov 2, 2026
@julien-deramond
julien-deramond merged commit 2871f2a into main Nov 2, 2026
14 checks passed
@julien-deramond
julien-deramond deleted the v6-jd-form-text-form-field branch November 2, 2026 20:22
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

docs Documentation site and its content html Component markup: elements, attributes, structure v6 v6, the main branch

Projects

Status: Inbox

Development

Successfully merging this pull request may close these issues.

[v6] .form-text doesn't have a top margin applied

1 participant