fix for backspace infinite loading, and refresh people-list upon deletion (#486)

* fixing backspace infinite loading, and refresh people-list upon deletion.

* fix search issue

* setting load to only happen if search doesnt match

* load state to refresh people after deselect

Author: vogtn

src/components/mgt-people-picker/mgt-people-picker.ts

@@ -867,6 +867,7 @@ export class MgtPeoplePicker extends MgtTemplatedComponent {
       this.userInput = '';
       // remove last person in selected list
       this.selectedPeople = this.selectedPeople.splice(0, this.selectedPeople.length - 1);
+      this.loadState();
       // reset flyout position
       this.hideFlyout();
       this.showFlyout();
@@ -892,7 +893,6 @@ export class MgtPeoplePicker extends MgtTemplatedComponent {
    * @param input - input text
    */
   private handleUserSearch(input: HTMLInputElement) {
-    this._showLoading = true;
     if (!this._debouncedSearch) {
       this._debouncedSearch = debounce(async () => {
         // Wait a few milliseconds before showing the flyout.
@@ -915,6 +915,7 @@ export class MgtPeoplePicker extends MgtTemplatedComponent {
     }
 
     if (this.userInput !== input.value) {
+      this._showLoading = true;
       this.userInput = input.value;
       this._debouncedSearch();
     }