fix(module:mention): unable to select on mobile device (NG-ZORRO#4309)

close NG-ZORRO#4281
Ricbet · Apr 9, 2020 · ee8cea3 · ee8cea3
1 parent 6e5b297
commit ee8cea3
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/components/mention/nz-mention.component.ts b/components/mention/nz-mention.component.ts
@@ -329,7 +329,11 @@ export class NzMentionComponent implements OnDestroy, OnInit, OnChanges {
       fromEvent<TouchEvent>(this.ngDocument, 'touchend')
     ).subscribe((event: MouseEvent | TouchEvent) => {
       const clickTarget = event.target as HTMLElement;
-      if (clickTarget !== this.trigger.el.nativeElement && this.isOpen) {
+      if (
+        this.isOpen &&
+        clickTarget !== this.trigger.el.nativeElement &&
+        (!!this.overlayRef && !this.overlayRef.overlayElement.contains(clickTarget))
+      ) {
         this.closeDropdown();
       }
     });