{"action":"opened","issue":{"url":"https://api.github.com/repos/aurelia/templating-resources/issues/174","labels_url":"https://api.github.com/repos/aurelia/templating-resources/issues/174/labels{/name}","comments_url":"https://api.github.com/repos/aurelia/templating-resources/issues/174/comments","events_url":"https://api.github.com/repos/aurelia/templating-resources/issues/174/events","html_url":"https://github.com/aurelia/templating-resources/issues/174","id":123509153,"number":174,"title":"repeat.for inside a parent component does not respect the position of the element","user":{"login":"danfma","id":101121,"avatar_url":"https://avatars.githubusercontent.com/u/101121?v=3","gravatar_id":"","url":"https://api.github.com/users/danfma","html_url":"https://github.com/danfma","followers_url":"https://api.github.com/users/danfma/followers","following_url":"https://api.github.com/users/danfma/following{/other_user}","gists_url":"https://api.github.com/users/danfma/gists{/gist_id}","starred_url":"https://api.github.com/users/danfma/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/danfma/subscriptions","organizations_url":"https://api.github.com/users/danfma/orgs","repos_url":"https://api.github.com/users/danfma/repos","events_url":"https://api.github.com/users/danfma/events{/privacy}","received_events_url":"https://api.github.com/users/danfma/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-12-22T16:06:43Z","updated_at":"2015-12-22T16:06:43Z","closed_at":null,"body":"Hey guys,\r\n\r\nThe *repeat.for* does not obey the current element position when inside of one parent element with `<content></content>`.\r\n\r\nIf I use:\r\n\r\n```html\r\n<ui-card repeat.for=\"contact of contacts\">\r\n    <ui-card-content>\r\n        <ui-header>${contact.name}</ui-header>\r\n        <ui-meta>${contact.email}</ui-meta>\r\n    </ui-card-content>\r\n\r\n    <ui-card-content extra=\"true\" repeat.for=\"phone of contact.phones\">\r\n        THIS SHOULD BE BEFORE THE ui-card-content ELEMENT BELOW.\r\n    </ui-card-content>\r\n\r\n    <ui-card-content extra=\"true\">\r\n        <ui-button-group expanded=\"true\">\r\n            <ui-button label=\"Editar\" click.call=\"edit()\"></ui-button>\r\n            <ui-button label=\"Remover\" click.call=\"remove(contact)\" if.bind=\"!isEditing\"></ui-button>\r\n        </ui-button-group>\r\n    </ui-card-content>\r\n</ui-card>\r\n```\r\n\r\nThe result will be (when rendered):\r\n\r\n```html\r\n<ui-card repeat.for=\"contact of contacts\">\r\n    <ui-card-content>\r\n        <ui-header>${contact.name}</ui-header>\r\n        <ui-meta>${contact.email}</ui-meta>\r\n    </ui-card-content>\r\n\r\n    <ui-card-content extra=\"true\">\r\n        <ui-button-group expanded=\"true\">\r\n            <ui-button label=\"Editar\" click.call=\"edit()\"></ui-button>\r\n            <ui-button label=\"Remover\" click.call=\"remove(contact)\" if.bind=\"!isEditing\"></ui-button>\r\n        </ui-button-group>\r\n    </ui-card-content>\r\n\r\n    <ui-card-content extra=\"true\" repeat.for=\"phone of contact.phones\">\r\n        THIS SHOULD BE BEFORE THE ui-card-content ELEMENT BELOW.\r\n    </ui-card-content>\r\n</ui-card>\r\n```"}}