From 0da7ff2af31acbae45d1e2a3f6a229a608b5528f Mon Sep 17 00:00:00 2001
From: richard-loafle <44828666+richard-loafle@users.noreply.github.com>
Date: Thu, 6 Feb 2020 13:52:17 +0900
Subject: [PATCH] [ISSUE 212] fixed

---
 .../app/layouts/messenger/components/messages.component.ts | 2 +-
 .../src/lib/components/form.component.html                 | 1 -
 .../src/lib/components/form.component.ts                   | 7 ++-----
 3 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.ts b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.ts
index dfeb0203..fd3e2ff0 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.ts
@@ -471,7 +471,7 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
 
     // Chat Formfield Clear..
     if (!!this.chatForm) {
-      this.chatForm.replyForm.reset();
+      this.chatForm.replyInput.nativeElement.value = '';
     }
   }
 
diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/form.component.html b/projects/ucap-webmessenger-ui-chat/src/lib/components/form.component.html
index 4cb45715..c3a9ca13 100644
--- a/projects/ucap-webmessenger-ui-chat/src/lib/components/form.component.html
+++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/form.component.html
@@ -87,7 +87,6 @@
   </div>
 
   <form
-    #replyForm="ngForm"
     (ngSubmit)="onSend($event)"
     (keydown.enter)="onSend($event)"
     fxFlex
diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/form.component.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/form.component.ts
index 56914f19..d5a551e6 100644
--- a/projects/ucap-webmessenger-ui-chat/src/lib/components/form.component.ts
+++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/form.component.ts
@@ -37,9 +37,6 @@ export class FormComponent implements OnInit {
   @Output()
   clipboardPaste = new EventEmitter<ClipboardEvent>();
 
-  @ViewChild('replyForm', { static: false })
-  replyForm: NgForm;
-
   @ViewChild('replyInput', { static: false })
   replyInput: ElementRef<HTMLTextAreaElement>;
 
@@ -57,8 +54,8 @@ export class FormComponent implements OnInit {
   onSend(event: Event) {
     event.preventDefault();
 
-    this.send.emit(this.replyForm.form.value.message);
-    this.replyForm.reset();
+    this.send.emit(this.replyInput.nativeElement.value);
+    this.replyInput.nativeElement.value = '';
   }
 
   onClickFileInput() {