Skip to content

[WC-3474] fix check box validation feedback width - #323

Open
rahmanunver wants to merge 1 commit into
mainfrom
fix/wc-3474-checkbox-validation-width
Open

[WC-3474] fix check box validation feedback width#323
rahmanunver wants to merge 1 commit into
mainfrom
fix/wc-3474-checkbox-validation-width

Conversation

@rahmanunver

Copy link
Copy Markdown
Contributor

Summary

  • Check Box validation feedback was not consistently full width — its height depended on the label's length, unlike other inputs.
  • Root cause: .mx-checkbox.label-after is a flex container without flex-wrap, so .mx-validation-message's flex-basis: 100% couldn't force it onto its own row.
  • Added flex-wrap: wrap to .mx-checkbox.label-after in _check-box.scss.

Test plan

  • Verified in browser: validation message now renders full width with fixed height, independent of label length
  • Verified no-error state unaffected (no stray wrapping)
  • Confirmed no other widget shares this scss block (no regression surface)

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