payload: {"action":"created","issue":{"url":"https://api.github.com/repos/angular/angular/issues/18877","repository_url":"https://api.github.com/repos/angular/angular","labels_url":"https://api.github.com/repos/angular/angular/issues/18877/labels{/name}","comments_url":"https://api.github.com/repos/angular/angular/issues/18877/comments","events_url":"https://api.github.com/repos/angular/angular/issues/18877/events","html_url":"https://github.com/angular/angular/issues/18877","id":252870075,"node_id":"MDU6SXNzdWUyNTI4NzAwNzU=","number":18877,"title":"Components host-element should (optional) be a html-comment instead of html-element","user":{"login":"MickL","id":5103210,"node_id":"MDQ6VXNlcjUxMDMyMTA=","avatar_url":"https://avatars0.githubusercontent.com/u/5103210?v=4","gravatar_id":"","url":"https://api.github.com/users/MickL","html_url":"https://github.com/MickL","followers_url":"https://api.github.com/users/MickL/followers","following_url":"https://api.github.com/users/MickL/following{/other_user}","gists_url":"https://api.github.com/users/MickL/gists{/gist_id}","starred_url":"https://api.github.com/users/MickL/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/MickL/subscriptions","organizations_url":"https://api.github.com/users/MickL/orgs","repos_url":"https://api.github.com/users/MickL/repos","events_url":"https://api.github.com/users/MickL/events{/privacy}","received_events_url":"https://api.github.com/users/MickL/received_events","type":"User","site_admin":false},"labels":[{"id":375501288,"node_id":"MDU6TGFiZWwzNzU1MDEyODg=","url":"https://api.github.com/repos/angular/angular/labels/comp:%20core","name":"comp: core","color":"c7def8","default":false,"description":"Runtime issues"},{"id":130606845,"node_id":"MDU6TGFiZWwxMzA2MDY4NDU=","url":"https://api.github.com/repos/angular/angular/labels/type:%20feature","name":"type: feature","color":"EEEEEE","default":false,"description":null}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":{"url":"https://api.github.com/repos/angular/angular/milestones/82","html_url":"https://github.com/angular/angular/milestone/82","labels_url":"https://api.github.com/repos/angular/angular/milestones/82/labels","id":3045967,"node_id":"MDk6TWlsZXN0b25lMzA0NTk2Nw==","number":82,"title":"Backlog","description":"Milestone for triaged issues that have not yet been scheduled for resolution.","creator":{"login":"IgorMinar","id":216296,"node_id":"MDQ6VXNlcjIxNjI5Ng==","avatar_url":"https://avatars3.githubusercontent.com/u/216296?v=4","gravatar_id":"","url":"https://api.github.com/users/IgorMinar","html_url":"https://github.com/IgorMinar","followers_url":"https://api.github.com/users/IgorMinar/followers","following_url":"https://api.github.com/users/IgorMinar/following{/other_user}","gists_url":"https://api.github.com/users/IgorMinar/gists{/gist_id}","starred_url":"https://api.github.com/users/IgorMinar/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/IgorMinar/subscriptions","organizations_url":"https://api.github.com/users/IgorMinar/orgs","repos_url":"https://api.github.com/users/IgorMinar/repos","events_url":"https://api.github.com/users/IgorMinar/events{/privacy}","received_events_url":"https://api.github.com/users/IgorMinar/received_events","type":"User","site_admin":false},"open_issues":2425,"closed_issues":1829,"state":"open","created_at":"2018-01-18T16:52:20Z","updated_at":"2019-11-29T15:24:57Z","due_on":null,"closed_at":null},"comments":49,"created_at":"2017-08-25T11:13:58Z","updated_at":"2019-11-30T21:00:36Z","closed_at":null,"author_association":"NONE","body":"## I'm submitting a...\r\n<pre><code>\r\n[ ] Regression\r\n[ ] Bug report\r\n[X] Feature request\r\n[ ] Documentation issue or request\r\n[ ] Support request\r\n</code></pre>\r\n\r\n## Current behavior\r\nComponent-containers like `<app-root>`, `<app-hero-list>`, etc. do break flex layout.\r\n\r\n\r\n## Expected behavior\r\nA component(or whole module) should have the option to create no html-element. Instead Angular should work with comments instead of html-elements, exactly like `ng-container`.\r\n\r\n\r\n## Minimal reproduction of the problem with instructions\r\n```\r\n<html style=\"width: 100%; height: 100%;\">\r\n   <body style=\"width: 100%; height: 100%; display: flex; flex-direction: column;\">\r\n      <app-root>\r\n            <div style=\"flex: 1; background: lightcoral;\">I should have full height!</div>\r\n      </app-root>\r\n   </body>\r\n</html>\r\n```\r\n\r\nPlunker: https://plnkr.co/edit/aOWUciRx2EsRsKwL2zma?p=preview\r\n(Uncomment app-root in styles.css to see currently needed fix)\r\n\r\n## What is the motivation / use case for changing the behavior?\r\nUsing `display:flex` only affects the child-element which gets broken by any `<app-component>` tag. To apply the example above with multiple nested components to require ugly, hardcoded stylesheets:\r\n\r\n```\r\n   body,\r\n   app-root,\r\n   app-hero,\r\n   app-hero-list,\r\n   app-hero-detail {\r\n       display: flex;\r\n       flex-direction: column;\r\n  }\r\n```\r\n\r\nAlso, as a frontend developer, i don't like the `<app-component>` tags either :D\r\n\r\n## Environment\r\n\r\n<pre><code>\r\nAngular version: 4.x.x / 5.x.x\r\n"},"comment":{"url":"https://api.github.com/repos/angular/angular/issues/comments/560020842","html_url":"https://github.com/angular/angular/issues/18877#issuecomment-560020842","issue_url":"https://api.github.com/repos/angular/angular/issues/18877","id":560020842,"node_id":"MDEyOklzc3VlQ29tbWVudDU2MDAyMDg0Mg==","user":{"login":"davidbusuttil","id":8700482,"node_id":"MDQ6VXNlcjg3MDA0ODI=","avatar_url":"https://avatars1.githubusercontent.com/u/8700482?v=4","gravatar_id":"","url":"https://api.github.com/users/davidbusuttil","html_url":"https://github.com/davidbusuttil","followers_url":"https://api.github.com/users/davidbusuttil/followers","following_url":"https://api.github.com/users/davidbusuttil/following{/other_user}","gists_url":"https://api.github.com/users/davidbusuttil/gists{/gist_id}","starred_url":"https://api.github.com/users/davidbusuttil/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/davidbusuttil/subscriptions","organizations_url":"https://api.github.com/users/davidbusuttil/orgs","repos_url":"https://api.github.com/users/davidbusuttil/repos","events_url":"https://api.github.com/users/davidbusuttil/events{/privacy}","received_events_url":"https://api.github.com/users/davidbusuttil/received_events","type":"User","site_admin":false},"created_at":"2019-11-30T21:00:36Z","updated_at":"2019-11-30T21:00:36Z","author_association":"NONE","body":"Any progress?  Would love to have someone from the Angular team to comment on this issue."}}
other: {"actor":{"display_login":"davidbusuttil"}}