{"action":"opened","issue":{"url":"https://api.github.com/repos/callemall/material-ui/issues/5107","repository_url":"https://api.github.com/repos/callemall/material-ui","labels_url":"https://api.github.com/repos/callemall/material-ui/issues/5107/labels{/name}","comments_url":"https://api.github.com/repos/callemall/material-ui/issues/5107/comments","events_url":"https://api.github.com/repos/callemall/material-ui/issues/5107/events","html_url":"https://github.com/callemall/material-ui/issues/5107","id":174469895,"number":5107,"title":"Why  `marginLeft` is invalid value when use Toggle component?","user":{"login":"pingfengafei","id":6243826,"avatar_url":"https://avatars.githubusercontent.com/u/6243826?v=3","gravatar_id":"","url":"https://api.github.com/users/pingfengafei","html_url":"https://github.com/pingfengafei","followers_url":"https://api.github.com/users/pingfengafei/followers","following_url":"https://api.github.com/users/pingfengafei/following{/other_user}","gists_url":"https://api.github.com/users/pingfengafei/gists{/gist_id}","starred_url":"https://api.github.com/users/pingfengafei/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pingfengafei/subscriptions","organizations_url":"https://api.github.com/users/pingfengafei/orgs","repos_url":"https://api.github.com/users/pingfengafei/repos","events_url":"https://api.github.com/users/pingfengafei/events{/privacy}","received_events_url":"https://api.github.com/users/pingfengafei/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-09-01T08:52:48Z","updated_at":"2016-09-01T08:52:48Z","closed_at":null,"body":"\r\n### Problem description\r\nUsing Tgoogle compoent and config some style. the chrome console warn :\r\n``NaN` is an invalid value for the `marginLeft` css style property. Check the render method of `Paper``\r\n\r\n### Steps to reproduce\r\n```js\r\nconst toggle = {\r\n    toggle: {marginTop: '10px'},\r\n    trackStyle: {height: '4px', width: '20px', marginTop: '6px', marginLeft: '0'},\r\n    thumbStyle: {height: '10px', width: '10px', marginTop: '6px', marginLeft: '2px'},\r\n    iconStyle: {width: '15px'},\r\n    labelStyle: {color: 'rgba(120,120,120,0.7)'},\r\n    rippleStyle: {height: '10px', marginTop: '10px'}\r\n};\r\n\r\n <Toggle\r\n     style={toggle.toggle}\r\n     trackStyle={toggle.trackStyle}\r\n     thumbStyle={toggle.thumbStyle}\r\n     iconStyle={toggle.iconStyle}\r\n     labelStyle={toggle.labelStyle}\r\n     rippleStyle={toggle.rippleStyle}\r\n  />\r\n```\r\n### Versions\r\n\r\n- Material-UI: 0.15.2\r\n- React: 15.2.1\r\n- Browser:  52.0.2743.116 (64-bit)\r\n\r\nBy using chrome console react tool, I found \r\n![image](https://cloud.githubusercontent.com/assets/6243826/18161327/0faef382-7064-11e6-9ad4-223dde5837a0.png)\r\n\r\nToggle component contains Papar component,\r\nthe `marginLeft` always be `null`, even I config it still null, contrasting with with `marginTop`.\r\n\r\nTHX.\r\n"}}
{"actor":{"display_login":"pingfengafei"}}