{"action":"created","issue":{"url":"https://api.github.com/repos/facebook/react/issues/4335","labels_url":"https://api.github.com/repos/facebook/react/issues/4335/labels{/name}","comments_url":"https://api.github.com/repos/facebook/react/issues/4335/comments","events_url":"https://api.github.com/repos/facebook/react/issues/4335/events","html_url":"https://github.com/facebook/react/issues/4335","id":94201255,"number":4335,"title":"e.stopPropagation() seems to not be working as expect.","user":{"login":"luokuning","id":12708534,"avatar_url":"https://avatars.githubusercontent.com/u/12708534?v=3","gravatar_id":"","url":"https://api.github.com/users/luokuning","html_url":"https://github.com/luokuning","followers_url":"https://api.github.com/users/luokuning/followers","following_url":"https://api.github.com/users/luokuning/following{/other_user}","gists_url":"https://api.github.com/users/luokuning/gists{/gist_id}","starred_url":"https://api.github.com/users/luokuning/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/luokuning/subscriptions","organizations_url":"https://api.github.com/users/luokuning/orgs","repos_url":"https://api.github.com/users/luokuning/repos","events_url":"https://api.github.com/users/luokuning/events{/privacy}","received_events_url":"https://api.github.com/users/luokuning/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-07-10T02:59:01Z","updated_at":"2015-07-10T07:37:52Z","closed_at":null,"body":"I found this issue when I attempted to integrate ReacJs and a jQuery widget.\r\n\r\nI bind an click event on input element and document like follow:\r\n```javascript\r\nvar Search = React.createClass({\r\n    handleClick: function(e) {\r\n    \te.stopPropagation();\r\n    },\r\n    render: function() {\r\n        return <input onClick={this.handleClick} />\r\n    }\r\n});\r\ndocument.addEventListener('click', function() {\r\n    console.log('propagation')\r\n}, false);\r\n```\r\nAnd everytime I click the input element, chrome devtool logs 'propagation' message. Should not document element can not receive click event? I'm confused, Did I miss something?"},"comment":{"url":"https://api.github.com/repos/facebook/react/issues/comments/120269153","html_url":"https://github.com/facebook/react/issues/4335#issuecomment-120269153","issue_url":"https://api.github.com/repos/facebook/react/issues/4335","id":120269153,"user":{"login":"syranide","id":1714255,"avatar_url":"https://avatars.githubusercontent.com/u/1714255?v=3","gravatar_id":"","url":"https://api.github.com/users/syranide","html_url":"https://github.com/syranide","followers_url":"https://api.github.com/users/syranide/followers","following_url":"https://api.github.com/users/syranide/following{/other_user}","gists_url":"https://api.github.com/users/syranide/gists{/gist_id}","starred_url":"https://api.github.com/users/syranide/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/syranide/subscriptions","organizations_url":"https://api.github.com/users/syranide/orgs","repos_url":"https://api.github.com/users/syranide/repos","events_url":"https://api.github.com/users/syranide/events{/privacy}","received_events_url":"https://api.github.com/users/syranide/received_events","type":"User","site_admin":false},"created_at":"2015-07-10T07:37:52Z","updated_at":"2015-07-10T07:37:52Z","body":"React (currently) uses a listener on the document for (almost) all events, so by the time your component receives the event it has already bubbled all the way up to the document and stopping it only stops it from synthetically bubbling up through the React hierarchy."}}