From a251fe9d1dd1651b6262aa0d3bb1ec3f79766f19 Mon Sep 17 00:00:00 2001
From: Libor Zoubek <lzoubek@jezzovo.net>
Date: Fri, 30 Sep 2016 22:57:36 +0200
Subject: [PATCH] (fix) remove handle click behaviour on single mode

Pass correct active item when remove handle is clicked in single mode.
Prevent dropdown popup when clicking on remove handle.
---
 components/select/select.ts | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/components/select/select.ts b/components/select/select.ts
index 09928f9b..45516b9d 100755
--- a/components/select/select.ts
+++ b/components/select/select.ts
@@ -122,7 +122,7 @@ let styles = `
               [innerHTML]="sanitize(active[0].text)"></span>
         <i class="dropdown-toggle pull-right"></i>
         <i class="caret pull-right"></i>
-        <a *ngIf="allowClear && active.length>0" class="btn btn-xs btn-link pull-right" style="margin-right: 10px; padding: 0;" (click)="remove(activeOption)">
+        <a *ngIf="allowClear && active.length>0" class="btn btn-xs btn-link pull-right" style="margin-right: 10px; padding: 0;" (click)="removeClick(active[0], $event)">
            <i class="glyphicon glyphicon-remove"></i>
         </a>
       </span>
@@ -183,7 +183,7 @@ let styles = `
                   [ngClass]="{'btn-default': true}">
                <a class="close"
                   style="margin-left: 5px; padding: 0;"
-                  (click)="remove(a)">&times;</a>
+                  (click)="removeClick(a, $event)">&times;</a>
                <span>{{a.text}}</span>
            </span>
         </span>
@@ -481,6 +481,11 @@ export class SelectComponent implements OnInit {
     return this.activeOption.text === value.text;
   }
 
+  protected removeClick(value: SelectItem, event: any): void {
+    event.stopPropagation();
+    this.remove(value);
+  }
+
   private focusToInput(value:string = ''):void {
     setTimeout(() => {
       let el = this.element.nativeElement.querySelector('div.ui-select-container > input');