diff --git a/cwt-angular/src/main/webapp/app/message/chat.component.html b/cwt-angular/src/main/webapp/app/message/chat.component.html
index 8caa0b99..eb17fd1c 100644
--- a/cwt-angular/src/main/webapp/app/message/chat.component.html
+++ b/cwt-angular/src/main/webapp/app/message/chat.component.html
@@ -3,9 +3,10 @@
         <form>
             <div class="input-group input-group chat-input">
                 <input type="text" name="chat-input" class="single-line form-control"
+                       [ngModel]="chatInputValue"
+                       (ngModelChange)="chatInputChange.next($event)"
                        (keydown)="onKeydown($event)"
                        (keyup)="onKeyup($event)"
-                       (input)="onInput($event)"
                        id="chat-input">
                 <span class="input-group-append">
                     <button class="btn btn-primary submit" type="button">
diff --git a/cwt-angular/src/main/webapp/app/message/chat.component.ts b/cwt-angular/src/main/webapp/app/message/chat.component.ts
index 05364a53..1dbdd492 100644
--- a/cwt-angular/src/main/webapp/app/message/chat.component.ts
+++ b/cwt-angular/src/main/webapp/app/message/chat.component.ts
@@ -1,5 +1,7 @@
 import {Component, Inject, Input, OnDestroy, OnInit} from '@angular/core';
 import {RequestService} from "../_services/request.service";
+import {Subject} from 'rxjs';
+import {debounceTime, distinctUntilChanged, map} from 'rxjs/operators';
 import {JwtUser, Message, MessageCategory, MessageCreationDto, MessageDto, UserMinimaDto} from "../custom";
 import {AuthService} from "../_services/auth.service";
 import {Toastr} from "../_services/toastr";
@@ -18,7 +20,9 @@ export class ChatComponent implements OnInit, OnDestroy {
     filter: MessageCategory | null = null;
     authUser: JwtUser;
     suggestions: UserMinimalDto[]? = null;
-    recipients: UserMinimalDto[];
+    recipients: UserMinimalDto[] = [];
+    chatInputValue = "";
+    chatInputChange = new Subject<string>();
     private allSuggestions: UserMinimalDto[] = [];
     private readonly messagesSize = 30;
     private oldestMessage: number;
@@ -31,6 +35,12 @@ export class ChatComponent implements OnInit, OnDestroy {
                 private authService: AuthService,
                 private toastr: Toastr,
                 @Inject(APP_CONFIG) private appConfig: AppConfig) {
+        this.chatInputChange.pipe(debounceTime(200), distinctUntilChanged())
+            .subscribe(v => {
+                    this.chatInputValue = v;
+                    this.onInput();
+                });
+
     }
 
     _messages: MessageDto[] = [];
@@ -157,7 +167,7 @@ export class ChatComponent implements OnInit, OnDestroy {
 
     public onKeyup(e) {
         const key = e.key === 'Unidentified' ? String.fromCharCode(e.which) : e.key;
-        if (key.length > 1 && !['ArrowDown', 'ArrowUp', 'Tab', 'Enter'].includes(key)) {
+        if (key.length > 1 && !['ArrowDown', 'ArrowUp', 'Tab', 'Enter', 'Backspace', 'Delete'].includes(key)) {
             this.suggest();
         }
     }
@@ -219,7 +229,6 @@ export class ChatComponent implements OnInit, OnDestroy {
             return [null, v, selectionStart];
         }
         const q = qRev.reverse().join('')
-        console.log(q);
         if (!ChatComponent.DELIMITER.test(q)) return [null, v, selectionStart]
         return [q, v, selectionStart];
     }