Repro to issue: ionic-team/stencil#2954
- clone repository: https://github.com/JulianLang/stencil-bug-lifecycle-hooks.git
npm install
npm start
- goto
http://localhost:3333/
- hit
F12
to open dev tools - see console output
- reload page several times* and see sporadic changes in console output order
- go to the code
components/toggle-group
andcomponents/toggle-button
and play around with the life-cycle hooks (comment / uncomment)
* sometimes it takes a bit until changes in order occur (≈ 10 - 30 times)
Also note: I figured that having many console.log
s activated it makes it more likely that the order in console will change in fewer page reloads.