Checkbox is not centered

Polaris
1

In the new Polaris Checkbox component, the .root has these styles

.root {
    display: block;
    flex-direction: column;
}

the display rule seems like a mistake because if that was intentional, then why add flex-direction since that won’t work with display block.

Another problem with these styles is that the checkbox is not vertically centered.

IMO, this should be the styles

.root {
    display: flex;
    flex-direction: column;
}

Demo: Polaris Web Components - Checkbox display: flex | Loom

2

Hey @junaidkbr :waving_hand: - thanks for flagging this. We’re looking into it. We;ll loop back here once we have more info to share :slight_smile:

1 Like