O evento de rolagem Angular 4 @HostListener Window estranhamente não funciona no Firefox

estou a usar@HostListener('window:scroll', []) no aplicativo Angular 4 para adicionar classe adicional ao cabeçalho na rolagem. Funciona bem no Chrome, mas notei que no Firefox 54.0 (acho que é a última versão atual) a classe não é adicionada, ela não executa o método onWindowScroll (). Qual pode ser a razão?

Aqui está uma parte do código e umDemonstração Plunker (que, a propósito, também funciona bem no Chrome, mas não no Mozilla):

public isScrolled = false;
constructor(@Inject(DOCUMENT) private document: any) {}
@HostListener('window:scroll', [])
onWindowScroll() {
    const number = this.document.body.scrollTop;
    if (number > 150) {
        this.isScrolled = true;
    } else if (this.isScrolled && number < 10) {
        this.isScrolled = false;
    }
}


Qualquer ajuda seria muito apreciada.

questionAnswers(3)

yourAnswerToTheQuestion