{"action":"created","issue":{"url":"https://api.github.com/repos/ionic-team/stencil/issues/1261","repository_url":"https://api.github.com/repos/ionic-team/stencil","labels_url":"https://api.github.com/repos/ionic-team/stencil/issues/1261/labels{/name}","comments_url":"https://api.github.com/repos/ionic-team/stencil/issues/1261/comments","events_url":"https://api.github.com/repos/ionic-team/stencil/issues/1261/events","html_url":"https://github.com/ionic-team/stencil/issues/1261","id":386905917,"node_id":"MDU6SXNzdWUzODY5MDU5MTc=","number":1261,"title":"Component Lifecycle Methods are not called in the correct order","user":{"login":"knutto","id":2283888,"node_id":"MDQ6VXNlcjIyODM4ODg=","avatar_url":"https://avatars3.githubusercontent.com/u/2283888?v=4","gravatar_id":"","url":"https://api.github.com/users/knutto","html_url":"https://github.com/knutto","followers_url":"https://api.github.com/users/knutto/followers","following_url":"https://api.github.com/users/knutto/following{/other_user}","gists_url":"https://api.github.com/users/knutto/gists{/gist_id}","starred_url":"https://api.github.com/users/knutto/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/knutto/subscriptions","organizations_url":"https://api.github.com/users/knutto/orgs","repos_url":"https://api.github.com/users/knutto/repos","events_url":"https://api.github.com/users/knutto/events{/privacy}","received_events_url":"https://api.github.com/users/knutto/received_events","type":"User","site_admin":false},"labels":[{"id":896104073,"node_id":"MDU6TGFiZWw4OTYxMDQwNzM=","url":"https://api.github.com/repos/ionic-team/stencil/labels/triage","name":"triage","color":"dcdcdc","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":5,"created_at":"2018-12-03T16:45:24Z","updated_at":"2018-12-21T20:58:53Z","closed_at":null,"author_association":"NONE","body":"<!--\r\nNOTE:\r\nBefore submitting an issue, please consult our docs -> https://stenciljs.com/\r\n-->\r\n\r\n**Stencil version:**\r\n<!-- (run `npm list @stencil/core` from a terminal/cmd prompt and paste output below): -->\r\n```\r\n @stencil/core@0.16.0\r\n```\r\n\r\n**I'm submitting a:**\r\n<!-- (check one with \"x\") -->\r\n[x] bug report\r\n[ ] feature request\r\n[ ] support request => Please do not submit support requests here, use one of these channels: https://stencil-worldwide.herokuapp.com/ or https://forum.ionicframework.com/\r\n\r\n**Current behavior:**\r\n<!-- Describe how the bug manifests. -->\r\nThe lifecycle methods are not called in the correct order:\r\n**NOTE: I've changed CmpA (cmp-a) to CmpZ (cmp-z) which makes the bug appear more often**\r\n```\r\nCmpD - a1-child client componentWillLoad\r\nCmpD - a2-child client componentWillLoad\r\nCmpD - a3-child client componentWillLoad\r\nCmpD - a4-child client componentWillLoad\r\nCmpB client componentWillLoad\r\nCmpZ client componentWillLoad <--\r\nCmpC client componentWillLoad\r\nCmpD - c-child client componentWillLoad\r\nCmpD - a1-child client componentDidLoad\r\nCmpD - a2-child client componentDidLoad\r\nCmpD - a3-child client componentDidLoad\r\nCmpD - a4-child client componentDidLoad\r\nCmpZ client componentDidLoad <--\r\nCmpD - c-child client componentDidLoad\r\nCmpC client componentDidLoad\r\nCmpB client componentDidLoad\r\n```\r\nFails in Chrome on Windows, Safari on macOS and iOS/iPhone, Chrome on Android.\r\nIE11 and Edge has the correct hiarchy but childs are loaded reversed.\r\n\r\n**Expected behavior:**\r\n<!-- Describe what the behavior would be without the bug. -->\r\nThe lifecycle methods should be called in the same order on server and client.\r\n```\r\nCmpZ server componentWillLoad <--\r\nCmpD - a1-child server componentWillLoad\r\nCmpD - a2-child server componentWillLoad\r\nCmpD - a3-child server componentWillLoad\r\nCmpD - a4-child server componentWillLoad\r\nCmpB server componentWillLoad\r\nCmpC server componentWillLoad\r\nCmpD - c-child server componentWillLoad\r\nCmpD - a1-child server componentDidLoad\r\nCmpD - a2-child server componentDidLoad\r\nCmpD - a3-child server componentDidLoad\r\nCmpD - a4-child server componentDidLoad\r\nCmpD - c-child server componentDidLoad\r\nCmpC server componentDidLoad\r\nCmpB server componentDidLoad\r\nCmpZ server componentDidLoad <--\r\n```\r\n**Steps to reproduce:**\r\n<!-- If you are able to illustrate the bug or feature request with an example, please provide steps to reproduce and if possible a demo\r\n-->\r\nRefresh the following page and compare the server, and client messages. They should be in the same order:\r\nhttps://stencil-bug.firebaseapp.com/prerender-z/\r\n\r\nChanging the prerender-test component \"cmp-a\" tag, to \"cmp-z\" makes the lifecycle methods to be called out of order. This is the original test:\r\nhttps://stencil-bug.firebaseapp.com/prerender-a/\r\n\r\n**Related code:**\r\nPR for tests: #1266 \r\n\r\n**Other information:**\r\n<!-- List any other information that is relevant to your issue. Stack traces, related issues, suggestions on how to fix, Stack Overflow links, forum links, etc. -->\r\n#1130 \r\n"},"comment":{"url":"https://api.github.com/repos/ionic-team/stencil/issues/comments/449496806","html_url":"https://github.com/ionic-team/stencil/issues/1261#issuecomment-449496806","issue_url":"https://api.github.com/repos/ionic-team/stencil/issues/1261","id":449496806,"node_id":"MDEyOklzc3VlQ29tbWVudDQ0OTQ5NjgwNg==","user":{"login":"jarrvis","id":20972240,"node_id":"MDQ6VXNlcjIwOTcyMjQw","avatar_url":"https://avatars2.githubusercontent.com/u/20972240?v=4","gravatar_id":"","url":"https://api.github.com/users/jarrvis","html_url":"https://github.com/jarrvis","followers_url":"https://api.github.com/users/jarrvis/followers","following_url":"https://api.github.com/users/jarrvis/following{/other_user}","gists_url":"https://api.github.com/users/jarrvis/gists{/gist_id}","starred_url":"https://api.github.com/users/jarrvis/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jarrvis/subscriptions","organizations_url":"https://api.github.com/users/jarrvis/orgs","repos_url":"https://api.github.com/users/jarrvis/repos","events_url":"https://api.github.com/users/jarrvis/events{/privacy}","received_events_url":"https://api.github.com/users/jarrvis/received_events","type":"User","site_admin":false},"created_at":"2018-12-21T20:58:53Z","updated_at":"2018-12-21T20:58:53Z","author_association":"NONE","body":"Hey, I just found acceptable (for me) solution for my issue with Redux store not being available in slot components. assuming that the root component is 'known' to any other component I can do sth like: "}}
{"actor":{"display_login":"jarrvis"}}