primer / brand

React components and Primitives for GitHub marketing websites
https://primer.style/brand
MIT License
64 stars 30 forks source link

🐛 [BUG - React] - FormControl.Validation layout problems with Checkbox #203

Open rezrah opened 1 year ago

rezrah commented 1 year ago

The following snippet:

<FormControl validationStatus='error'>
  <FormControl.Label>Day</FormControl.Label>
  <Checkbox name="day" value="" />
  <FormControl.Validation className="test">Please select at least one day</FormControl.Validation>
</FormControl>

Produces this:

validation message appearing before checkbox on the same line

This happens because of row-reverse flex layout method.

Expected behavior

MadMango commented 8 months ago

image

I had a quick stab at this in #513