fix(combo): combo click selection, #6015

Author: ViktorSlavov

projects/igniteui-angular/src/lib/combo/combo-add-item.component.ts

@@ -1,5 +1,5 @@
 import { IgxComboItemComponent } from './combo-item.component';
-import { Component } from '@angular/core';
+import { Component, HostListener } from '@angular/core';
 
 /**
  * @hidden
@@ -16,8 +16,12 @@ export class IgxComboAddItemComponent extends IgxComboItemComponent {
     set selected(value: boolean) {
     }
 
-    clicked(event?) {
+    @HostListener('click')
+    handleClick() {
         this.comboAPI.disableTransitions = false;
         this.comboAPI.add_custom_item();
     }
+
+    clicked(event?) {
+    }
 }

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

@@ -4,8 +4,7 @@ import {
     HostBinding,
     Inject,
     Input,
-    DoCheck,
-    HostListener
+    DoCheck
 } from '@angular/core';
 import { IgxDropDownItemComponent } from '../drop-down/drop-down-item.component';
 import { IGX_DROPDOWN_BASE, IDropDownBase, Navigate } from '../drop-down/drop-down.common';
@@ -85,7 +84,6 @@ export class IgxComboItemComponent extends IgxDropDownItemComponent implements D
         return rect.y >= parentDiv.y;
     }
 
-    @HostListener('click', ['$event'])
     clicked(event) {
         this.comboAPI.disableTransitions = false;
         if (this.disabled || this.isHeader) {

projects/igniteui-angular/src/lib/drop-down/drop-down-item.base.ts

@@ -317,13 +317,6 @@ export class IgxDropDownItemBaseDirective implements DoCheck {
         @Optional() @Inject(IgxSelectionAPIService) protected selection?: IgxSelectionAPIService
     ) { }
 
-    /**
-     * @hidden @internal
-     */
-    @HostListener('click', ['$event'])
-    clicked(event) {
-    }
-
     ngDoCheck(): void {
         if (this._selected) {
             const dropDownSelectedItem = this.dropDown.selectedItem;