-
Notifications
You must be signed in to change notification settings - Fork 4.1k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix(Divider): Vertical Divider on docs rendered incorrectly #1544
Comments
val-samonte
changed the title
fix(Divider): your description
fix(Divider): Vertical Divider on docs rendered incorrectly
Apr 4, 2017
There is a W3C spec change issue causing this bug in the CSS: |
Note, you can work around this by putting dividers inside of a column rather than in between them: import React from 'react'
import { Grid, Segment, Divider } from 'semantic-ui-react'
const DividerExampleVertical = () => (
<Grid columns='equal' padded>
<Grid.Column>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio.
</Grid.Column>
<Grid.Column width='1'>
<Divider vertical>Or</Divider>
</Grid.Column>
<Grid.Column>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio.
</Grid.Column>
<Grid.Column width='1'>
<Divider vertical>Or</Divider>
</Grid.Column>
<Grid.Column>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio.
</Grid.Column>
</Grid>
)
export default DividerExampleVertical |
thanks @levithomason, sorry i forgot to check the open issues. |
No worries. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Steps to Reproduce
Expected
The Divider should render between Grid.Columns
Result
The Divider instead render on the left side
Testcase
http://react.semantic-ui.com/elements/divider#divider-example-vertical
The text was updated successfully, but these errors were encountered: