mgt-teams-channel-picker changes event to @keyup for input change (#494)

* changes event to @keyup for input change

* escape search if input value hasn't changed

Co-authored-by: Nikola Metulev <[email protected]>

Author: vogtn

src/components/mgt-teams-channel-picker/mgt-teams-channel-picker.ts

@@ -352,7 +352,7 @@ export class MgtTeamsChannelPicker extends MgtTemplatedComponent {
           aria-label="Select a channel"
           data-placeholder="${!!this._selectedItemState ? '' : 'Select a channel '} "
           role="input"
-          @input=${e => this.handleInputChanged(e)}
+          @keyup=${e => this.handleInputChanged(e)}
           contenteditable
         ></span>
       </div>
@@ -614,7 +614,12 @@ export class MgtTeamsChannelPicker extends MgtTemplatedComponent {
   }
 
   private handleInputChanged(e) {
-    this._inputValue = e.target.textContent;
+    if (this._inputValue !== e.target.textContent) {
+      this._inputValue = e.target.textContent;
+    } else {
+      return;
+    }
+
     // shows list
     this.gainedFocus();