Estoy usando@HostListener('window:scroll', []) en la aplicación Angular 4 para agregar clase adicional al encabezado en el desplazamiento. Funciona bien en Chrome, pero noté que en Firefox 54.0 (creo que es la última versión actual) la clase no se agrega, no se ejecuta en absoluto con el método onWindowScroll (). cual puede ser la razon?

Aquí hay una parte del código y unDemo de Plunker (que por cierto, también funciona bien en Chrome pero no en 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;
    }
}

Cualquier ayuda sería muy apreciada.