Does not seem to work with flex layout

Thanks for the component! I’d like to use them in my flexbox based app. All my divs are styled as relative and with flex layout

div, span {
  box-sizing: border-box;
  position: relative;
  border: 0 solid black;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  flex-shrink: 0;
}

And this is my markup that renders the children

<div style={{height:"100vh", width: "100vw"}}>
  <div style={STYLES.appbar}></div>
  <div style={STYLES.content}>
    {children}
  </div>
  <NavBar style={STYLES.navbar}/>
</div>

const STYLES = {
  appbar: {
    flex: "none"
  },

  content: {
    flex: 1
  },

  navbar: {
    flex: "none"
  },
}

Wrapping children into ReactRouterTransition displays the old content for a moment together with the new content but then the new content jumps up to the page start (when the previous page has been removed).

Any ideas how to get this Component to work with flexbox?

[fredrik-sogaard]

I’m wondering the same. Any luck finding a solution, @pke ?

[mr-e-]

same issue here:(