Merge branch '10.2.x' into dTsvetkov/fix-issue-8320-master

Author: Hristo Popov

projects/igniteui-angular/src/lib/action-strip/grid-actions/grid-action-button.component.html

@@ -1,7 +1,7 @@
 <ng-container *ngIf="!asMenuItem">
 
     <ng-container *ngIf="!asMenuItem">
-        <button igxButton="icon" igxRipple (click)="handleClick($event)">
+        <button igxButton="icon" igxRipple (click)="handleClick($event)" (mousedown)="preventEvent($event)">
             <igx-icon *ngIf="iconSet" [fontSet]="iconSet" [name]="iconName">{{iconName}}</igx-icon>
             <igx-icon *ngIf="!iconSet" >{{iconName}}</igx-icon>
         </button>
@@ -14,4 +14,4 @@
             <label *ngIf='asMenuItem' igxLabel>{{labelText}}</label>
         </div>
     </ng-container>
-</ng-container>
+</ng-container>

projects/igniteui-angular/src/lib/action-strip/grid-actions/grid-action-button.component.ts

@@ -69,4 +69,14 @@ export class IgxGridActionButtonComponent {
     public handleClick(event) {
        this.onActionClick.emit(event);
     }
+
+    /**
+     * @hidden @internal
+     */
+    public preventEvent(event) {
+        if (event) {
+            event.stopPropagation();
+            event.preventDefault();
+        }
+    }
 }