[LeftNav] Server-side React render was discarded. (React 0.14.1)

[tthew]

Dropping in the LeftNav and rending server side causes React (0.14.1) to discard the server side render and throw the following warnings;

Warning: React attempted to reuse markup in a container but the checksum was invalid. This generally means that you are using server rendering and the markup generated on the server was not what the client was expecting. React injected new markup to compensate which works but you have lost many of the benefits of server rendering. Instead, figure out why the markup being generated is different on the client or server:
 (client) xed;z-index:10;left:0;top:0;transform:tr
 (server) xed;z-index:10;left:-266px;top:0;transfo

Server-side React render was discarded. Make sure that your initial render does not contain any client-side code.

Looks like something to do with positioning. Why would I be seeing different results for client / server?

I'm running the latest from master. We're currently maintaining our own fork over here; https://github.com/ehealthafrica/material-ui

[oliviertassinari]

#2007 should have fix this. @Cavitt any idea what's going on?

[TheUltDev]

@oliviertassinari Prefixing isn't the source of the issue so #2007 wouldn't fix this.

Somehow the left attribute is different. I'll take a look when I can, I have to implement the LeftNav soon so I'll probably run into it.

[oliviertassinari]

Oh, my bad, it's the left property that differ. It's definitely not linked to the autoprefixer.
Here is the culprit https://github.com/callemall/material-ui/blob/master/src/left-nav.jsx#L135.
And it's related to #1269.

[oliviertassinari]

@tthew I think that we should revert #1269. And, following my last comment on the PR, use translate2d when translate3d is not supported.

[hourliert]

Same issue here. 👍 for @oliviertassinari proposal.

[TheUltDev]

@oliviertassinari that would make a great prefixer plugin for rofrischmann/inline-style-prefixer

[oliviertassinari]

This was fixed. I have forgotten to close the issue.