dragma/styled-bootstrap-grid

Col offset breaks other breakpoints

pwign opened this issue · 0 comments

pwign commented

When a value for offset={} is provided in <Col>, all the other breakpoints will not work.

Example

Working

<Row>
    <Col col={12} lg={9} lgOffset={3}>
        <Pre>Item</Pre>
    </Col>
</Row>

Broken

<Row>
    <Col col={12} offset={0} lg={9} lgOffset={3}>
        <Pre>Item</Pre>
    </Col>
</Row>

In the broken example, the values for lg={} won't be respected.

Expected Result

The broken example should work too since the offset={} should not affect lg={}.

Reproducible Test Case

CodeSandBox: resize the window to see changes.

Reproducible in the latest version 3.1.0.