{"action":"opened","issue":{"url":"https://api.github.com/repos/facebook/react-native/issues/19076","repository_url":"https://api.github.com/repos/facebook/react-native","labels_url":"https://api.github.com/repos/facebook/react-native/issues/19076/labels{/name}","comments_url":"https://api.github.com/repos/facebook/react-native/issues/19076/comments","events_url":"https://api.github.com/repos/facebook/react-native/issues/19076/events","html_url":"https://github.com/facebook/react-native/issues/19076","id":318959439,"number":19076,"title":"TextInput placeholder triggers wrong contentSize.height of onContentSizeChange","user":{"login":"kevinscience","id":19722517,"avatar_url":"https://avatars2.githubusercontent.com/u/19722517?v=4","gravatar_id":"","url":"https://api.github.com/users/kevinscience","html_url":"https://github.com/kevinscience","followers_url":"https://api.github.com/users/kevinscience/followers","following_url":"https://api.github.com/users/kevinscience/following{/other_user}","gists_url":"https://api.github.com/users/kevinscience/gists{/gist_id}","starred_url":"https://api.github.com/users/kevinscience/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kevinscience/subscriptions","organizations_url":"https://api.github.com/users/kevinscience/orgs","repos_url":"https://api.github.com/users/kevinscience/repos","events_url":"https://api.github.com/users/kevinscience/events{/privacy}","received_events_url":"https://api.github.com/users/kevinscience/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-04-30T16:52:33Z","updated_at":"2018-04-30T16:52:33Z","closed_at":null,"author_association":"NONE","body":"```\r\n<TextInput\r\n                    placeholder={'12345678'}\r\n                    multiline={true}\r\n                    onContentSizeChange={(e) => console.log(e.nativeEvent.contentSize)}\r\n                    value={''}\r\n                    style={{width:'100%'}}\r\n                />\r\n```\r\nThis TextInput is multiline, I use onContentSizeChange to alter the height of TextInput. \r\nThe bug is that the value of placeholder has wrong contentSize output from onContentSizeChange.\r\nif placeholder={'12345678'}:\r\noutput:\r\n`{width: 0, height: 133.66666666666666}`\r\nif placeholder={'123'}:\r\noutput:\r\n`{width: 0, height: 50.333333333333336}`\r\nI suppose the value of height should be width's.\r\n\r\nThis bug will make my TextInput have wrong height.\r\n\r\n\r\n## Environment\r\nI am using Expo\r\n    \"expo\": \"^26.0.0\",\r\n    \"react\": \"16.3.0-alpha.1\",\r\n    \"react-native\": \"https://github.com/expo/react-native/archive/sdk-26.0.0.tar.gz\",(RN0.54.2)\r\n\r\n## Steps to Reproduce\r\n```\r\n<TextInput\r\n                    placeholder={'12345678'}\r\n                    multiline={true}\r\n                    onContentSizeChange={(e) => console.log(e.nativeEvent.contentSize)}\r\n                    value={''}\r\n                    style={{width:'100%'}}\r\n                />\r\n```\r\nAnd change the value of placeholder to see the output. \r\n\r\n## Expected Behavior\r\nThe contentSize has its correct value from onContentSizeChange\r\n\r\n## Actual Behavior\r\nThe placeholder in this project is 'Type a message...', the output of height is 240. You can clearly tell textInput is flickering when open the screen.\r\n![giftedchat](https://user-images.githubusercontent.com/19722517/39439265-01f263b6-4c75-11e8-834d-280c8bdd80b0.gif)\r\n\r\n"}}
{"actor":{"display_login":"kevinscience"}}