{"action":"opened","issue":{"url":"https://api.github.com/repos/winjs/angular-winjs/issues/12","labels_url":"https://api.github.com/repos/winjs/angular-winjs/issues/12/labels{/name}","comments_url":"https://api.github.com/repos/winjs/angular-winjs/issues/12/comments","events_url":"https://api.github.com/repos/winjs/angular-winjs/issues/12/events","html_url":"https://github.com/winjs/angular-winjs/issues/12","id":63921027,"number":12,"title":"win-app-bar inside of a win-pivot doesn't register click event for section='secondary' items","user":{"login":"mtycholaz","id":3585379,"avatar_url":"https://avatars.githubusercontent.com/u/3585379?v=3","gravatar_id":"","url":"https://api.github.com/users/mtycholaz","html_url":"https://github.com/mtycholaz","followers_url":"https://api.github.com/users/mtycholaz/followers","following_url":"https://api.github.com/users/mtycholaz/following{/other_user}","gists_url":"https://api.github.com/users/mtycholaz/gists{/gist_id}","starred_url":"https://api.github.com/users/mtycholaz/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mtycholaz/subscriptions","organizations_url":"https://api.github.com/users/mtycholaz/orgs","repos_url":"https://api.github.com/users/mtycholaz/repos","events_url":"https://api.github.com/users/mtycholaz/events{/privacy}","received_events_url":"https://api.github.com/users/mtycholaz/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-03-24T07:10:59Z","updated_at":"2015-03-24T07:10:59Z","closed_at":null,"body":"Here's my setup\r\n\r\n<win-pivot title=\"greeting\">\r\n    <win-pivot-item header=\"'section 1'\">\r\n        <ng-include src=\"'js/app/templates/MessageList.html'\"></ng-include>\r\n    </win-pivot-item>\r\n    <win-pivot-item header=\"'section 2'\">\r\n        This Pivot  is boring however, it just has things like data bindings:\r\n    </win-pivot-item>\r\n    <win-pivot-item header=\"'section 3'\">\r\n        Because it's only purpose is to show how to create a Pivot\r\n    </win-pivot-item>\r\n</win-pivot>\r\n\r\nand inside of MessageList.html\r\n\r\n<div>\r\n    <win-app-bar>\r\n        <win-app-bar-command data-label=\"'Save'\" data-icon=\"'save'\"></win-app-bar-command>\r\n        <win-app-bar-command data-label=\"'Delete'\" data-icon=\"'delete'\" section=\"'secondary'\"></win-app-bar-command>\r\n        <win-app-bar-command data-label=\"'Refresh'\" data-icon=\"'refresh'\" section=\"'secondary'\"></win-app-bar-command>\r\n    </win-app-bar>\r\n</div>\r\n\r\nThe app bar will render, and buttons that show on the bar (section='primary') register click events. However, when you click the expand button and try to click on items within the secondary area, the click event is eaten by the <section class=\"win-appbarclickeater\"></section> element, and it never goes through to the button (no button css active/click highlights or anything). However if you pull the win-app-bar out of the template (MessageList.html in my case) and put it beside the win-pivot, then it works fine.\r\n\r\nSo to recap, putting a win-app-bar inside a win-pivot-item doesn't work :("}}