fix(simple-combo): display all list items when clearing the input by Space (#12692)

Author: RivaIvanova

projects/igniteui-angular/src/lib/simple-combo/simple-combo.component.spec.ts

@@ -1085,6 +1085,19 @@ describe('IgxSimpleCombo', () => {
             expect(combo.selection.length).toEqual(0);
         });
 
+        it('should display all list items when clearing the input by Space', () => {
+            combo.select('Wisconsin');
+            fixture.detectChanges();
+
+            expect(combo.selection.length).toEqual(1);
+
+            UIInteractions.simulateTyping(' ', input, 0, 9);
+            fixture.detectChanges();
+
+            expect(combo.selection.length).toEqual(0);
+            expect(combo.filteredData.length).toEqual(combo.data.length);
+        });
+
         it('should close the dropdown (if opened) when tabbing outside of the input', () => {
             combo.open();
             fixture.detectChanges();

projects/igniteui-angular/src/lib/simple-combo/simple-combo.component.ts

@@ -273,6 +273,7 @@ export class IgxSimpleComboComponent extends IgxComboBaseDirective implements Co
             // handle clearing of input by space
             this.clearSelection();
             this._onChangeCallback(null);
+            this.filterValue = '';
         }
         if (this.selection.length) {
             this.selectionService.clear(this.id);