palantir/blueprint
<ButtonGroup> in <InputGroup> has extra margin
Ouverte
#2 805 ouverte le 15 août 2018
Package: coreType: bughelp wanted
Métriques du dépôt
- Stars
- (20 263 étoiles)
- Métriques de merge PR
- (Métriques PR en attente)
Description
Environment
- Package version(s): 3.0.0
- Browser and OS versions: Chrome 68.0.3440.106 and Safari 11.1.2 on MacOS 10.13.6
Steps to reproduce
- Create an
<InputGroup> - Create a
<ButtonGroup>and assign it to therightElementof the<InputGroup>in step 1 - Add 2
<Button>s to the<ButtonGroup>in step 2
Actual behavior

Child <Button>s of a <ButtonGroup> which is the rightElement of an <InputGroup> have extra margins, so they don't line up next to each other.
Expected behavior
Child <Button>s of a <ButtonGroup> which is the rightElement of an <InputGroup> should line up next to each other.
Possible solution
Add a specific rule to reset the margin of a <Button> when it's nested in a <ButtonGroup> that's nested in an <InputGroup>