@chat21/chat21-ionic 3.0.82 → 3.0.83

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # chat21-ionic ver 3.0
 
+## 3.0.83 in PROD
+- bug-fixed: canned item is not visible (missing scroll position) if ArrowDown keyboard button is pressed
+- bug-fixed: if ArrowUp keyboard button is pressed, text-area cursor moved left and canned not substituted correctly
+
 ## 3.0.82 in PROD
 - bug-fixed: do not disable textArea if is a direct archived conversation
 - bug-fixed: canned item not fire click event on Firefox browser

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@chat21/chat21-ionic",
     "author": "Tiledesk SRL",
-    "version": "3.0.82",
+    "version": "3.0.83",
     "license": "MIT License",
     "homepage": "https://tiledesk.com/",
     "repository": {

package/src/app/components/canned-response/canned-response.component.ts

@@ -286,6 +286,11 @@ export class CannedResponseComponent implements OnInit {
         // this.replaceTagInMessage(this.tagsCannedFilter[this.arrowkeyLocation])
       }
 
+      // set the focus on current canned 
+      setTimeout(() => {
+        this.el.nativeElement.querySelector('.canned-list').scrollTop = this.arrowkeyLocation * 59 //59 is the height of the single element
+      }, 0);
+
       if (event.key === 'Enter') {
         const canned_selected = this.tagsCannedFilter[this.arrowkeyLocation]
         this.logger.log('[CONVS-DETAIL] replaceTagInMessage  canned_selected ',canned_selected)

package/src/app/components/conversation-detail/message-text-area/message-text-area.component.ts

@@ -699,6 +699,12 @@ export class MessageTextAreaComponent implements OnInit, AfterViewInit, OnChange
     this.logger.log("[CONVS-DETAIL][MSG-TEXT-AREA] handleKeyboardEvent  event.key ", event);
     // Note: on mac keyboard "metakey" matches "cmd"
     
+    //do not move cursor on ArrowDown/ArrowUp
+    if ((event.key === 'ArrowDown' || event.key === 'ArrowUp') && !event.shiftKey) {
+      this.logger.log('[CONVS-DETAIL][MSG-TEXT-AREA] HAS PRESSED event.key', event.key);
+      event.preventDefault();
+    }
+
     if (event.key === 'Enter' && event.altKey || event.key === 'Enter' && event.ctrlKey || event.key === 'Enter' && event.metaKey) {
       this.logger.log('[CONVS-DETAIL][MSG-TEXT-AREA] HAS PRESSED COMBO KEYS this.messageString', this.messageString);
       if (this.messageString !== undefined && this.messageString.trim() !== '') {