{"action":"created","issue":{"url":"https://api.github.com/repos/callemall/material-ui/issues/5501","repository_url":"https://api.github.com/repos/callemall/material-ui","labels_url":"https://api.github.com/repos/callemall/material-ui/issues/5501/labels{/name}","comments_url":"https://api.github.com/repos/callemall/material-ui/issues/5501/comments","events_url":"https://api.github.com/repos/callemall/material-ui/issues/5501/events","html_url":"https://github.com/callemall/material-ui/issues/5501","id":186902776,"number":5501,"title":"[TextField] Floating Label Text overlaps the inputted text when the textfield is in a table.","user":{"login":"jronSomers","id":9777005,"avatar_url":"https://avatars.githubusercontent.com/u/9777005?v=3","gravatar_id":"","url":"https://api.github.com/users/jronSomers","html_url":"https://github.com/jronSomers","followers_url":"https://api.github.com/users/jronSomers/followers","following_url":"https://api.github.com/users/jronSomers/following{/other_user}","gists_url":"https://api.github.com/users/jronSomers/gists{/gist_id}","starred_url":"https://api.github.com/users/jronSomers/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jronSomers/subscriptions","organizations_url":"https://api.github.com/users/jronSomers/orgs","repos_url":"https://api.github.com/users/jronSomers/repos","events_url":"https://api.github.com/users/jronSomers/events{/privacy}","received_events_url":"https://api.github.com/users/jronSomers/received_events","type":"User","site_admin":false},"labels":[{"id":460201816,"url":"https://api.github.com/repos/callemall/material-ui/labels/component:%20TextField","name":"component: TextField","color":"ffffff","default":false}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2016-11-02T19:51:47Z","updated_at":"2016-11-13T23:35:17Z","closed_at":"2016-11-13T23:35:17Z","body":"### Problem description\r\n\r\nThe TextField's Floating Label Text is broken when it is within a Table in a TableRowColumn. \r\n\r\nYou can input some values and the floating label text falls back down on top of the text you typed. There was a similar issue in the past but it was related to autofill I believe but the results look similar (the floating label text overlaps the text in the input). \r\n\r\n### Link to minimally-working code that reproduces the issue\r\n\r\nHere is a link that reproduces the issue. It does work with 0.16.0. I couldn't reproduce it at first until I noticed i'm using 0.16.1 and webpackbin was using 0.16.0. I updated it to 0.16.1 and voila. \r\n\r\nActually, it is still broken in 0.16.0 but if you wait to defocus the text field, the floating label text will stay floating. But if you adjust a text field on the same row, it causes the other text field to fall down.\r\n\r\nhttp://www.webpackbin.com/V1tWeXQxG\r\n\r\n### Versions\r\n\r\n- Material-UI: 0.16.1\r\n- React: 15.3.2\r\n- Browser: Chrome@54.0.2840.71 m"},"comment":{"url":"https://api.github.com/repos/callemall/material-ui/issues/comments/260221899","html_url":"https://github.com/callemall/material-ui/issues/5501#issuecomment-260221899","issue_url":"https://api.github.com/repos/callemall/material-ui/issues/5501","id":260221899,"user":{"login":"lucasbento","id":6207220,"avatar_url":"https://avatars.githubusercontent.com/u/6207220?v=3","gravatar_id":"","url":"https://api.github.com/users/lucasbento","html_url":"https://github.com/lucasbento","followers_url":"https://api.github.com/users/lucasbento/followers","following_url":"https://api.github.com/users/lucasbento/following{/other_user}","gists_url":"https://api.github.com/users/lucasbento/gists{/gist_id}","starred_url":"https://api.github.com/users/lucasbento/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lucasbento/subscriptions","organizations_url":"https://api.github.com/users/lucasbento/orgs","repos_url":"https://api.github.com/users/lucasbento/repos","events_url":"https://api.github.com/users/lucasbento/events{/privacy}","received_events_url":"https://api.github.com/users/lucasbento/received_events","type":"User","site_admin":false},"created_at":"2016-11-13T23:35:17Z","updated_at":"2016-11-13T23:35:17Z","body":"Thanks for commenting on this, @j0hnsmith.\r\n\r\n@jronSomers: your issue is happening because your code seems to be passing an `undefined` value to the prop `value` on the `<TextField />` component. If you remove the `value` prop you will see that it works perfectly.\r\n\r\nI wasn't able to fix it, your code seems a little too confusing, you are also mutating the `state` on `initializeRows()` method, please don't do that, you should always use the `setState()` function.\r\n\r\nI'm closing this issue since it doesn't seem to be a Material UI related problem."}}
{"actor":{"display_login":"lucasbento"}}