Skip to content

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

Merged
rahmanunver merged 1 commit into
mainfrom
fix/wc-3474-checkbox-validation-width
Aug 5, 2026
Merged

[WC-3474] fix check box validation feedback width#323
rahmanunver merged 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)

@rahmanunver
rahmanunver merged commit 27ab4ba into main Aug 5, 2026
11 checks passed
@rahmanunver
rahmanunver deleted the fix/wc-3474-checkbox-validation-width branch August 5, 2026 13:37
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.

3 participants