fix(simple-combo): Focus on programmatically closing combo (#16867)

Author: Hristo313

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

@@ -2208,6 +2208,29 @@ describe('IgxSimpleCombo', () => {
             fixture.detectChanges();
             expect(document.activeElement).toEqual(thirdComboInput.nativeElement);
         }));
+
+        it('should lose focus when user closes combo by clicking outside', fakeAsync(() => {
+            // Initially combo is not focused
+            expect(document.activeElement).not.toBe(input.nativeElement);
+
+            // Click inside combo input to focus it
+            input.triggerEventHandler('focus', {});
+            input.triggerEventHandler('click', UIInteractions.getMouseEvent('click'));
+            fixture.detectChanges();
+
+            // Verify combo is focused and opened
+            expect(document.activeElement).toBe(input.nativeElement);
+            expect(combo.collapsed).toBe(false);
+
+            // Simulate outside click by clicking on document body
+            // This triggers the blur event which is what happens on outside clicks
+            input.triggerEventHandler('blur', {});
+            document.body.click();
+            tick();
+            fixture.detectChanges();
+
+            expect(document.activeElement).not.toBe(input.nativeElement);
+        }));
     });
 
     describe('Form control tests: ', () => {

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

@@ -260,11 +260,13 @@ export class IgxSimpleComboComponent extends IgxComboBaseDirective implements Co
             }
             if (this.getEditElement() && !args.event) {
                 this._collapsing = true;
+                // Only focus back when programmatically closing (no user event)
+                // to avoid focus loops when user clicks on another combo
+                this.comboInput.focus();
             } else {
                 this.clearOnBlur();
                 this._onTouchedCallback();
             }
-            this.comboInput.focus();
         });
 
         // in reactive form the control is not present initially