search

dnieh / react-planks

Responsive react layout for horizontally sorted asymmetric DOM elements.
MIT License
2 stars 0 forks source link

Isomorphic (universal) React? #1

Open JonathanWi opened 8 years ago

JonathanWi commented 8 years ago

Hey!

Thanks for your awesome component, but it doesn't seem to work with server-sider react, is it the expected behavior?

What's weird is that the width is computed but not the position (no absolute position on the .plank class)

Any help would be greatly appreciated :)

dnieh commented 8 years ago

Hey thanks for the question. I didn't write this to work with server side react. That's definitely something I want to do for the future.

Also in regards to the width issue, this is a bug that I haven't pushed out a fix yet for. Basically the css needs to be defined as follows (or you can set this as an inline react style):

.planks-container {
  position: relative;
}

.plank {
  visibility: hidden;
  position: absolute;
}

Hope this helps! I'll be rolling out more updates soon as this is in active development.