fix: profile module items show click effect on scroll

src/app/util/element-size-change.directive.ts

@@ -17,6 +17,7 @@ import {
   Directive,
   ElementRef,
   EventEmitter,
+  Input,
   OnDestroy,
   OnInit,
   Output,
@@ -29,13 +30,24 @@ export class ElementSizeChangeDirective implements OnInit, OnDestroy {
   @Output()
   elementSizeChange = new EventEmitter<ResizeObserverEntry>();
 
+  @Input() elementSizeChangeDebounce?: number;
+
+  debounceStamp = 0;
+
   private resizeObserver: ResizeObserver;
 
   constructor(private elementRef: ElementRef) {}
 
   ngOnInit() {
     this.resizeObserver = new ResizeObserver(elements => {
-      if (!elements[0]) return;
+      const stamp = Date.now();
+      if (
+        !elements[0] ||
+        (this.elementSizeChangeDebounce &&
+          stamp - this.debounceStamp < this.elementSizeChangeDebounce)
+      )
+        return;
+      this.debounceStamp = stamp;
       this.elementSizeChange.emit(elements[0]);
     });
     this.resizeObserver.observe(this.elementRef.nativeElement);