This problem only happens on Firefox, works fine on Chrome and Safari. I have no clue why this is happening and I've been googling and stack overflowing, but none of them facing the same problem as I do.
The whole web app doesn't interact at all on firefox. Button clicked but nothing happened. (If it's a route link, it will navigate.) Here is a simple version of the problem.
For example, I got a button that regenerates some data. This data then gets past to the child component(graph component) for plotting. I have put down console log at three places.
- click event callback.
- data generation method.
- ngOnChange() of the child component.
I've opened up both chrome and firefox browser. Chrome prints all three logs, but Firefox only print the first two. So my initial conclusion is the click event was triggered, data has been generated, but ngOnChange event somehow not triggered in Firefox.
Has anyone got the same issue before or is it got nothing to do with the ngOnChange lifecycle?
UPDATE: The ngOnChange does get triggered at the beginning