{"action":"created","issue":{"url":"https://api.github.com/repos/react-native-community/react-native-svg/issues/845","repository_url":"https://api.github.com/repos/react-native-community/react-native-svg","labels_url":"https://api.github.com/repos/react-native-community/react-native-svg/issues/845/labels{/name}","comments_url":"https://api.github.com/repos/react-native-community/react-native-svg/issues/845/comments","events_url":"https://api.github.com/repos/react-native-community/react-native-svg/issues/845/events","html_url":"https://github.com/react-native-community/react-native-svg/issues/845","id":381796952,"node_id":"MDU6SXNzdWUzODE3OTY5NTI=","number":845,"title":"onPress not working for top quartile of a circle SVG - Android","user":{"login":"dmorr041","id":25493988,"node_id":"MDQ6VXNlcjI1NDkzOTg4","avatar_url":"https://avatars0.githubusercontent.com/u/25493988?v=4","gravatar_id":"","url":"https://api.github.com/users/dmorr041","html_url":"https://github.com/dmorr041","followers_url":"https://api.github.com/users/dmorr041/followers","following_url":"https://api.github.com/users/dmorr041/following{/other_user}","gists_url":"https://api.github.com/users/dmorr041/gists{/gist_id}","starred_url":"https://api.github.com/users/dmorr041/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dmorr041/subscriptions","organizations_url":"https://api.github.com/users/dmorr041/orgs","repos_url":"https://api.github.com/users/dmorr041/repos","events_url":"https://api.github.com/users/dmorr041/events{/privacy}","received_events_url":"https://api.github.com/users/dmorr041/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2018-11-16T23:33:12Z","updated_at":"2018-11-19T15:56:12Z","closed_at":"2018-11-19T15:56:12Z","author_association":"NONE","body":"\"react\": \"16.6.0-alpha.8af6728\",\r\n\"react-native\": \"0.57.4\",\r\n\"react-native-svg\": \"^8.0.8\"\r\nUsing several Android Emulators for testing\r\n\r\nSo I have an event handler hooked up to a Circle component nested inside an Svg Component, and the handler is supposed to set the state of a light arc that fills a percentage of a Path component nested within  the same Svg component. When clicking anywhere from 0%-39% of the circle or 59%-99% of the circle, everything works as expected. My path is filled according to the percentage of the circle i clicked on. However from 40-58%, onPress is never fired. (To clarify: when i say percentage of the circle, assume that the bottom center point of the circle is 0%, and increase the percentage by walking the circle clockwise):\r\n\r\n![image](https://user-images.githubusercontent.com/25493988/48651615-af16b780-e9c9-11e8-822e-692303f491ed.png)\r\n\r\n![image](https://user-images.githubusercontent.com/25493988/48651600-9efed800-e9c9-11e8-89a4-ecc88f24757c.png)\r\n\r\nCode is as follows:\r\n\r\n```\r\n<Svg ref='SVG' width='284' height='284' fill='none' viewBox='0 0 284 284' style={styles.svgStyle}>\r\n    <Defs>\r\n        <LinearGradient x1=\"8.5%\" y1=\"75%\" x2=\"50%\" y2=\"50%\" id=\"linearGradient-2\">\r\n            <Stop stopColor=\"#0000FF\" offset=\"0%\" />\r\n            <Stop stopColor=\"#0000FF\" stopOpacity=\"0\" offset=\"100%\" />\r\n        </LinearGradient>\r\n        <LinearGradient x1=\"93%\" y1=\"25%\" x2=\"50%\" y2=\"50%\" id=\"linearGradient-3\" >\r\n            <Stop stopColor=\"#FFFF00\" offset=\"0%\" />\r\n            <Stop stopColor=\"#FFFF00\" stopOpacity=\"0\" offset=\"100%\" />\r\n        </LinearGradient>\r\n        <LinearGradient x1=\"93%\" y1=\"75%\" x2=\"50%\" y2=\"50%\" id=\"linearGradient-4\">\r\n            <Stop stopColor=\"#00FF00\" offset=\"0%\" />\r\n            <Stop stopColor=\"#00FF00\" stopOpacity=\"0\" offset=\"100%\" />\r\n        </LinearGradient>\r\n        <LinearGradient x1=\"50%\" y1=\"100%\" x2=\"50%\" y2=\"50%\" id=\"linearGradient-5\">\r\n            <Stop stopColor=\"#00FFFF\" offset=\"0%\" />\r\n            <Stop stopColor=\"#00FFFF\" stopOpacity=\"0\" offset=\"100%\" />\r\n        </LinearGradient>\r\n        <LinearGradient x1=\"7.5%\" y1=\"25%\" x2=\"50%\" y2=\"50%\" id=\"linearGradient-6\">\r\n            <Stop stopColor=\"#FF00FF\" offset=\"0%\" />\r\n            <Stop stopColor=\"#FF00FF\" stopOpacity=\"0\" offset=\"100%\" />\r\n        </LinearGradient>\r\n        <LinearGradient x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"50%\" id=\"linearGradient-7\">\r\n            <Stop stopColor=\"#FF0000\" offset=\"0%\" />\r\n            <Stop stopColor=\"#000000\" stopOpacity=\"0\" offset=\"100%\" />\r\n        </LinearGradient>\r\n        <RadialGradient cx=\"50%\" cy=\"50%\" fx=\"50%\" fy=\"50%\" r=\"42%\" id=\"radialGradient-8\">\r\n            <Stop stopColor=\"#EBEBFF\" offset=\"0%\" />\r\n            <Stop stopColor=\"#FFFFFF\" offset=\"50%\" />\r\n            <Stop stopColor=\"#FFFFE0\" offset=\"100%\" />\r\n        </RadialGradient>\r\n    </Defs>\r\n    <G id=\"Hue-control\">\r\n        <Path d=\"M142,254.319672 L142,283.418033 M112.92953,250.492472 L105.39832,278.59933 M85.8401639,239.271689 L71.2909836,264.471609 M62.5779982,221.422002 L42.00235,241.99765 M44.7283106,198.159836 L19.5283911,212.709016 M33.5075279,171.07047 L5.40066983,178.60168 M29.6803279,142 L0.581967213,142 M33.5075279,112.92953 L5.40066983,105.39832 M44.7283106,85.8401639 L19.5283911,71.2909836 M62.5779982,62.5779982 L42.00235,42.00235 M85.8401639,44.7283106 L71.2909836,19.5283911 M112.92953,33.5075279 L105.39832,5.40066983 M142,29.6803279 L142,0.581967213 M171.07047,33.5075279 L178.60168,5.40066983 M198.159836,44.7283106 L212.709016,19.5283911 M221.422002,62.5779982 L241.99765,42.00235 M239.271689,85.8401639 L264.471609,71.2909836 M250.492472,112.92953 L278.59933,105.39832 M254.319672,142 L283.418033,142 M250.492472,171.07047 L278.59933,178.60168 M239.271689,198.159836 L264.471609,212.709016 M221.422002,221.422002 L241.99765,241.99765 M198.159836,239.271689 L212.709016,264.471609 M171.07047,250.492472 L178.60168,278.59933\" id=\"Lines-dashes\" stroke=\"#FFFFFF\" strokeWidth=\"2\" strokeLinecap=\"square\" />\r\n        <Circle id=\"Background-dark\" fill=\"#333\" cx=\"142\" cy=\"142\" r=\"90\" />\r\n        <Circle id=\"Background-bar\" stroke=\"#1A1A1A\" strokeWidth=\"22\" cx=\"142\" cy=\"142\" r=\"112\" />\r\n        <Circle onPress={(event) => { this.xypointpercent(event, this.refs.Bar); }} ref=\"Bar\" id=\"Background-bar\" stroke=\"rgba(255, 255, 255, 0.5)\" strokeWidth=\"36\" cx=\"142\" cy=\"142\" r=\"124\" />\r\n        <Circle id=\"Colors-blue\" fill=\"url(#linearGradient-2)\" cx=\"142\" cy=\"142\" r=\"90\" />\r\n        <Circle id=\"Colors-r-g\" fill=\"url(#linearGradient-3)\" cx=\"142\" cy=\"142\" r=\"90\" />\r\n        <Circle id=\"Colors-green\" fill-opacity=\"0.7\" fill=\"url(#linearGradient-4)\" cx=\"142\" cy=\"142\" r=\"90\" />\r\n        <Circle id=\"Colors-g-b\" fill=\"url(#linearGradient-5)\" opacity=\"0.90\" cx=\"142\" c y=\"142\" r=\"90\" />\r\n        <Circle id=\"Colors-r-b\" fill=\"url(#linearGradient-6)\" opacity=\"0.55\" cx=\"142\" cy=\"142\" r=\"90\" />\r\n        <Circle id=\"Colors-red\" fill=\"url(#linearGradient-7)\" opacity=\"0.85\" cx=\"142\" cy=\"142\" r=\"90\" />\r\n        <Circle id=\"Light-temperature\" fill=\"url(#radialGradient-8)\" cx=\"142\" cy=\"142\" r=\"38\" />\r\n        <Path d={this.state.d} id=\"Bar-arc-Glow\" transform=\"rotate(90, 142, 142)\" strokeLinecap=\"round\" fill=\"none\" stroke=\"#F2F9F9\" strokeWidth=\"12\" />\r\n        <Path d={this.state.d} id=\"Bar-arc\" transform=\"rotate(90 142,142)\" strokeLinecap=\"round\" fill=\"none\" stroke=\"#4AD5E2\" strokeWidth=\"18\" />\r\n    </G> \r\n</Svg>\r\n```\r\n"},"comment":{"url":"https://api.github.com/repos/react-native-community/react-native-svg/issues/comments/439942489","html_url":"https://github.com/react-native-community/react-native-svg/issues/845#issuecomment-439942489","issue_url":"https://api.github.com/repos/react-native-community/react-native-svg/issues/845","id":439942489,"node_id":"MDEyOklzc3VlQ29tbWVudDQzOTk0MjQ4OQ==","user":{"login":"dmorr041","id":25493988,"node_id":"MDQ6VXNlcjI1NDkzOTg4","avatar_url":"https://avatars0.githubusercontent.com/u/25493988?v=4","gravatar_id":"","url":"https://api.github.com/users/dmorr041","html_url":"https://github.com/dmorr041","followers_url":"https://api.github.com/users/dmorr041/followers","following_url":"https://api.github.com/users/dmorr041/following{/other_user}","gists_url":"https://api.github.com/users/dmorr041/gists{/gist_id}","starred_url":"https://api.github.com/users/dmorr041/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dmorr041/subscriptions","organizations_url":"https://api.github.com/users/dmorr041/orgs","repos_url":"https://api.github.com/users/dmorr041/repos","events_url":"https://api.github.com/users/dmorr041/events{/privacy}","received_events_url":"https://api.github.com/users/dmorr041/received_events","type":"User","site_admin":false},"created_at":"2018-11-19T15:56:12Z","updated_at":"2018-11-19T15:56:12Z","author_association":"NONE","body":"Fixed, it was a simple space and extra character somewhere. "}}
{"actor":{"display_login":"dmorr041"}}