circuit-ui
circuit-ui copied to clipboard
SelectorGroup options should all have the same height
Describe the bug
If an option in a SelectorGroup has a label that wraps on multiple lines, the options will have different heights.
Steps to reproduce
- Go to the Storybook
- Make the label of one of the options longer
- See error
Expected behavior
All options should have the same height.
Specifications
n/a
Additional context
Fixed locally in an app using:
const StyledSelectorGroup = styled(SelectorGroup)`
/* makes all option wrappers stretch */
align-items: stretch;
/* ...but the label div won't take up the entire height by default */
label {
height: 100%;
}
`;
I might be able to help, which file is it in?
That's really cool @jmoldyvan! 🎉 We have a small glitch in our CLA bot at the moment, let us address it and I'll get back to you once we're ready to accept contributions again 🙂