fix(simple-combo): handle paste event - 17.0.x (#13789)

Author: IMinchev64

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

@@ -18,7 +18,7 @@
         [attr.aria-labelledby]="this.ariaLabelledBy || this.label?.id || this.placeholder"
         [attr.placeholder]="placeholder" [disabled]="disabled" [igxTextSelection]="!composing"
         (input)="handleInputChange($event)" (click)="handleInputClick()"
-        (keyup)="handleKeyUp($event)" (keydown)="handleKeyDown($event)" (blur)="onBlur()"/>
+        (keyup)="handleKeyUp($event)" (keydown)="handleKeyDown($event)" (blur)="onBlur()" (paste)="handleInputChange($event)"/>
 
     <ng-container ngProjectAs="igx-suffix">
         <ng-content select="igx-suffix"></ng-content>

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

@@ -1490,6 +1490,33 @@ describe('IgxSimpleCombo', () => {
             fixture.detectChanges();
             expect(combo.displayValue).toEqual('Ohio ');
         }));
+
+        it('should properly filter dropdown when pasting from clipboard in input', () => {
+            spyOn(combo, 'handleInputChange').and.callThrough();
+            combo.open();
+            input.triggerEventHandler('focus', {});
+            fixture.detectChanges();
+
+            const target = {
+                value: combo.data[1].field
+            }
+            combo.comboInput.value = target.value
+            const pasteData = new DataTransfer();
+            const pasteEvent = new ClipboardEvent('paste', { clipboardData: pasteData });
+            Object.defineProperty(pasteEvent, 'target', {
+                writable: false,
+                value: target
+            })
+            input.triggerEventHandler('paste', pasteEvent);
+            fixture.detectChanges();
+
+            expect(combo.handleInputChange).toHaveBeenCalledTimes(1);
+            expect(combo.handleInputChange).toHaveBeenCalledWith(jasmine.objectContaining({
+                target: jasmine.objectContaining({ value: target.value })
+            }));
+            expect(combo.filteredData.length).toBeLessThan(combo.data.length)
+            expect(combo.filteredData[0].field).toBe(target.value)
+        });
     });
 
     describe('Display density', () => {