{"action":"created","issue":{"url":"https://api.github.com/repos/callemall/material-ui/issues/2077","labels_url":"https://api.github.com/repos/callemall/material-ui/issues/2077/labels{/name}","comments_url":"https://api.github.com/repos/callemall/material-ui/issues/2077/comments","events_url":"https://api.github.com/repos/callemall/material-ui/issues/2077/events","html_url":"https://github.com/callemall/material-ui/issues/2077","id":115555807,"number":2077,"title":"[LeftNav] Server-side React render was discarded. (React 0.14.1)","user":{"login":"tthew","id":238019,"avatar_url":"https://avatars.githubusercontent.com/u/238019?v=3","gravatar_id":"","url":"https://api.github.com/users/tthew","html_url":"https://github.com/tthew","followers_url":"https://api.github.com/users/tthew/followers","following_url":"https://api.github.com/users/tthew/following{/other_user}","gists_url":"https://api.github.com/users/tthew/gists{/gist_id}","starred_url":"https://api.github.com/users/tthew/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tthew/subscriptions","organizations_url":"https://api.github.com/users/tthew/orgs","repos_url":"https://api.github.com/users/tthew/repos","events_url":"https://api.github.com/users/tthew/events{/privacy}","received_events_url":"https://api.github.com/users/tthew/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-11-06T17:56:44Z","updated_at":"2015-11-06T22:57:51Z","closed_at":null,"body":"Dropping in the `LeftNav` and rending server side causes React (0.14.1) to discard the server side render and throw the following warnings;\r\n\r\n```\r\nWarning: 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:\r\n (client) xed;z-index:10;left:0;top:0;transform:tr\r\n (server) xed;z-index:10;left:-266px;top:0;transfo\r\n\r\nServer-side React render was discarded. Make sure that your initial render does not contain any client-side code.\r\n```\r\nLooks like something to do with positioning.  Why would I be seeing different results for client / server?\r\n\r\nI'm running the latest from master. We're currently maintaining our own fork over here; https://github.com/ehealthafrica/material-ui\r\n"},"comment":{"url":"https://api.github.com/repos/callemall/material-ui/issues/comments/154569293","html_url":"https://github.com/callemall/material-ui/issues/2077#issuecomment-154569293","issue_url":"https://api.github.com/repos/callemall/material-ui/issues/2077","id":154569293,"user":{"login":"Cavitt","id":2079305,"avatar_url":"https://avatars.githubusercontent.com/u/2079305?v=3","gravatar_id":"","url":"https://api.github.com/users/Cavitt","html_url":"https://github.com/Cavitt","followers_url":"https://api.github.com/users/Cavitt/followers","following_url":"https://api.github.com/users/Cavitt/following{/other_user}","gists_url":"https://api.github.com/users/Cavitt/gists{/gist_id}","starred_url":"https://api.github.com/users/Cavitt/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Cavitt/subscriptions","organizations_url":"https://api.github.com/users/Cavitt/orgs","repos_url":"https://api.github.com/users/Cavitt/repos","events_url":"https://api.github.com/users/Cavitt/events{/privacy}","received_events_url":"https://api.github.com/users/Cavitt/received_events","type":"User","site_admin":false},"created_at":"2015-11-06T22:57:51Z","updated_at":"2015-11-06T22:57:51Z","body":"@oliviertassinari Prefixing isn't the source of the issue so #2007 wouldn't fix this.\r\n\r\nSomehow 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."}}