perf(module:back-top): mark scroll listener as passive (#7329)

NG-ZORRO · Apr 20, 2022 · 7f3c4e1 · 7f3c4e1
1 parent aab060f
commit 7f3c4e1
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/components/back-top/back-top.component.ts b/components/back-top/back-top.component.ts
@@ -4,7 +4,7 @@
  */
 
 import { Direction, Directionality } from '@angular/cdk/bidi';
-import { Platform } from '@angular/cdk/platform';
+import { normalizePassiveListenerOptions, Platform } from '@angular/cdk/platform';
 import { DOCUMENT } from '@angular/common';
 import {
   ChangeDetectionStrategy,
@@ -36,6 +36,8 @@ import { InputNumber } from 'ng-zorro-antd/core/util';
 
 const NZ_CONFIG_MODULE_NAME: NzConfigKey = 'backTop';
 
+const passiveEventListenerOptions = normalizePassiveListenerOptions({ passive: true });
+
 @Component({
   selector: 'nz-back-top',
   exportAs: 'nzBackTop',
@@ -138,7 +140,7 @@ export class NzBackTopComponent implements OnInit, OnDestroy, OnChanges {
     this.scrollListenerDestroy$.next();
     this.handleScroll();
     this.zone.runOutsideAngular(() => {
-      fromEvent(this.getTarget(), 'scroll')
+      fromEvent(this.getTarget(), 'scroll', <AddEventListenerOptions>passiveEventListenerOptions)
         .pipe(debounceTime(50), takeUntil(this.scrollListenerDestroy$))
         .subscribe(() => this.handleScroll());
     });