{"action":"created","issue":{"url":"https://api.github.com/repos/BTMorton/angular2-grid/issues/121","repository_url":"https://api.github.com/repos/BTMorton/angular2-grid","labels_url":"https://api.github.com/repos/BTMorton/angular2-grid/issues/121/labels{/name}","comments_url":"https://api.github.com/repos/BTMorton/angular2-grid/issues/121/comments","events_url":"https://api.github.com/repos/BTMorton/angular2-grid/issues/121/events","html_url":"https://github.com/BTMorton/angular2-grid/issues/121","id":168532374,"number":121,"title":"NgGridItem with button not handling clicks","user":{"login":"critchie","id":340046,"avatar_url":"https://avatars.githubusercontent.com/u/340046?v=3","gravatar_id":"","url":"https://api.github.com/users/critchie","html_url":"https://github.com/critchie","followers_url":"https://api.github.com/users/critchie/followers","following_url":"https://api.github.com/users/critchie/following{/other_user}","gists_url":"https://api.github.com/users/critchie/gists{/gist_id}","starred_url":"https://api.github.com/users/critchie/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/critchie/subscriptions","organizations_url":"https://api.github.com/users/critchie/orgs","repos_url":"https://api.github.com/users/critchie/repos","events_url":"https://api.github.com/users/critchie/events{/privacy}","received_events_url":"https://api.github.com/users/critchie/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":5,"created_at":"2016-07-31T18:54:23Z","updated_at":"2016-08-16T16:34:22Z","closed_at":null,"body":"I'm trying to build a tile for a dashboard and want to include a close button at the top.  Placing the close button in a header at the top of the tile is easy enough but the click event is captured by the grid and never received by the button.  Because of this, the method in the component class is never executed.\r\n\r\nHere is an example of a button in the grid item:\r\n\r\n```\r\n<div class=\"grid\"\r\n     [ngGrid]=\"{'max_cols': 6, 'max_rows': 6, 'auto_resize': false}\">\r\n  <div class=\"grid-item\" [ngGridItem]>\r\n    <button (click)=\"onRemoveClick()\">\r\n      Test\r\n    </button>\r\n  </div>\r\n</div>\r\n```\r\n\r\nonRemoveClick() is never called.\r\n\r\nNote: I am using the fixed_items branch as I needed the functionality in this code base."},"comment":{"url":"https://api.github.com/repos/BTMorton/angular2-grid/issues/comments/240159470","html_url":"https://github.com/BTMorton/angular2-grid/issues/121#issuecomment-240159470","issue_url":"https://api.github.com/repos/BTMorton/angular2-grid/issues/121","id":240159470,"user":{"login":"wuhkuh","id":20139217,"avatar_url":"https://avatars.githubusercontent.com/u/20139217?v=3","gravatar_id":"","url":"https://api.github.com/users/wuhkuh","html_url":"https://github.com/wuhkuh","followers_url":"https://api.github.com/users/wuhkuh/followers","following_url":"https://api.github.com/users/wuhkuh/following{/other_user}","gists_url":"https://api.github.com/users/wuhkuh/gists{/gist_id}","starred_url":"https://api.github.com/users/wuhkuh/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/wuhkuh/subscriptions","organizations_url":"https://api.github.com/users/wuhkuh/orgs","repos_url":"https://api.github.com/users/wuhkuh/repos","events_url":"https://api.github.com/users/wuhkuh/events{/privacy}","received_events_url":"https://api.github.com/users/wuhkuh/received_events","type":"User","site_admin":false},"created_at":"2016-08-16T16:34:22Z","updated_at":"2016-08-16T16:34:22Z","body":"After some more thinking I realized that the best solution would be to stop event propagation. The solution I mentioned above would be like getting a howitzer to a pistol fight.\r\n\r\nTry something like\r\n\r\n`<div class=\"gridbutton\" (click)=\"stopProp($event)\" (mousemove)=\"stopProp($event)\"></div>`\r\n\r\n`    \r\nstopProp($event) {\r\n        $event.stopPropagation();\r\n    }\r\n`"}}
{"actor":{"display_login":"wuhkuh"}}