{"action":"created","issue":{"url":"https://api.github.com/repos/facebook/react-native/issues/6139","repository_url":"https://api.github.com/repos/facebook/react-native","labels_url":"https://api.github.com/repos/facebook/react-native/issues/6139/labels{/name}","comments_url":"https://api.github.com/repos/facebook/react-native/issues/6139/comments","events_url":"https://api.github.com/repos/facebook/react-native/issues/6139/events","html_url":"https://github.com/facebook/react-native/issues/6139","id":136212041,"number":6139,"title":"Android TouchableNativeFeedback ripple effect is misplaced if pressed on a Text component","user":{"login":"bcalik","id":9222368,"avatar_url":"https://avatars.githubusercontent.com/u/9222368?v=3","gravatar_id":"","url":"https://api.github.com/users/bcalik","html_url":"https://github.com/bcalik","followers_url":"https://api.github.com/users/bcalik/followers","following_url":"https://api.github.com/users/bcalik/following{/other_user}","gists_url":"https://api.github.com/users/bcalik/gists{/gist_id}","starred_url":"https://api.github.com/users/bcalik/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bcalik/subscriptions","organizations_url":"https://api.github.com/users/bcalik/orgs","repos_url":"https://api.github.com/users/bcalik/repos","events_url":"https://api.github.com/users/bcalik/events{/privacy}","received_events_url":"https://api.github.com/users/bcalik/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/facebook/react-native/labels/Android","name":"Android","color":"bfe5bf"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":5,"created_at":"2016-02-24T22:47:52Z","updated_at":"2016-05-02T19:32:58Z","closed_at":null,"body":"Hello,\r\n\r\nTouchableNativeFeedback's ripple effect is misplaced when I press on a Text component inside.\r\n**Update:** It is not just Text component. I think all components are affected, like Image.\r\n\r\nClick for simple [rnplay sample](https://rnplay.org/apps/jWh9HQ).\r\nGif is also attached below.\r\n\r\n**Tested on:**\r\nRN v0.20.0\r\nAndroid 6.0\r\n\r\n![ripple 2](https://cloud.githubusercontent.com/assets/9222368/13303662/3ed99a68-db59-11e5-932a-f3023077c01d.gif)"},"comment":{"url":"https://api.github.com/repos/facebook/react-native/issues/comments/216337797","html_url":"https://github.com/facebook/react-native/issues/6139#issuecomment-216337797","issue_url":"https://api.github.com/repos/facebook/react-native/issues/6139","id":216337797,"user":{"login":"julien-rodrigues","id":4670971,"avatar_url":"https://avatars.githubusercontent.com/u/4670971?v=3","gravatar_id":"","url":"https://api.github.com/users/julien-rodrigues","html_url":"https://github.com/julien-rodrigues","followers_url":"https://api.github.com/users/julien-rodrigues/followers","following_url":"https://api.github.com/users/julien-rodrigues/following{/other_user}","gists_url":"https://api.github.com/users/julien-rodrigues/gists{/gist_id}","starred_url":"https://api.github.com/users/julien-rodrigues/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/julien-rodrigues/subscriptions","organizations_url":"https://api.github.com/users/julien-rodrigues/orgs","repos_url":"https://api.github.com/users/julien-rodrigues/repos","events_url":"https://api.github.com/users/julien-rodrigues/events{/privacy}","received_events_url":"https://api.github.com/users/julien-rodrigues/received_events","type":"User","site_admin":false},"created_at":"2016-05-02T19:32:58Z","updated_at":"2016-05-02T19:32:58Z","body":"But I spotted something weird happening only on my physical device (Nexus 6P). \r\nIt seems that when I add a margin or padding to the container of the component, the ripple is not created where I press but a little below. In the emulator it works correctly tho."}}