Skip to content

fix(input): prevent validation layout shifts - #166

Merged
starc007 merged 1 commit into
starc007:mainfrom
hruilabs:codex/fix-input-error-layout-stability
Aug 28, 2026
Merged

fix(input): prevent validation layout shifts#166
starc007 merged 1 commit into
starc007:mainfrom
hruilabs:codex/fix-input-error-layout-stability

Conversation

@hruilabs

Copy link
Copy Markdown
Contributor

Summary

  • Add an opt-in reserveErrorLine prop so Input can keep one validation-message row without changing the default layout.
  • Use the stable row in SignUpForm and the Input preview, with compact field spacing.
  • Document the public behavior, refresh affected registry dates, and cover the stable message row with a focused test.

Verification

  • bun test tests/input.test.tsx: 4 passed
  • bun run check: typecheck and lint passed; 79 registry components validated
  • Cypress against the real local Sign Up Form page: four field errors appeared without moving any input relative to the form; input-to-next-label gap was 27px and field-container gap was 4px.

@starc007

Copy link
Copy Markdown
Owner

Thank you for the contribution — the implementation is clean, focused, and well validated. Merging this now.

@starc007
starc007 merged commit f69e49e into starc007:main Aug 28, 2026
1 check failed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants