Merge branch 'toast-test' of https://github.com/IgniteUI/igniteui-angular into toast-test

Author: kdinev

projects/igniteui-angular/src/lib/core/styles/components/grid/_grid-theme.scss

@@ -1210,6 +1210,7 @@
 
     %igx-grid__tr--inner {
         display: flex;
+        background: inherit;
     }
 
     %igx-grid__tr--add-animate {

projects/igniteui-angular/src/lib/grids/selection/selection.service.ts

@@ -62,6 +62,12 @@ export class IgxGridSelectionService {
      */
     public selectedRowsChange = new Subject();
 
+    /**
+     * Toggled when a pointerdown event is triggered inside the grid body (cells).
+     * When `false` the drag select behavior is disabled.
+     */
+    private pointerEventInGridBody = false;
+
     private allRowsSelected: boolean;
     private _ranges: Set<string> = new Set<string>();
     private _selectionRange: Range;
@@ -265,6 +271,8 @@ export class IgxGridSelectionService {
         this.initKeyboardState();
         this.pointerState.ctrl = ctrl;
         this.pointerState.shift = shift;
+        this.pointerEventInGridBody = true;
+        document.body.addEventListener('pointerup', this.pointerOriginHandler);
 
         // No ctrl key pressed - no multiple selection
         if (!ctrl) {
@@ -311,7 +319,7 @@ export class IgxGridSelectionService {
 
     public pointerEnter(node: ISelectionNode, event: PointerEvent): boolean {
         // https://www.w3.org/TR/pointerevents/#the-button-property
-        this.dragMode = event.buttons === 1 && (event.button === -1 || event.button === 0);
+        this.dragMode = (event.buttons === 1 && (event.button === -1 || event.button === 0)) && this.pointerEventInGridBody;
         if (!this.dragMode) {
             return false;
         }
@@ -351,7 +359,9 @@ export class IgxGridSelectionService {
             return true;
         }
 
-        this.add(node);
+        if (this.pointerEventInGridBody) {
+            this.add(node);
+        }
         return false;
     }
 
@@ -727,6 +737,11 @@ export class IgxGridSelectionService {
     private isRowDeleted(rowID): boolean {
         return this.grid.gridAPI.row_deleted_transaction(rowID);
     }
+
+    private pointerOriginHandler = () => {
+        this.pointerEventInGridBody = false;
+        document.body.removeEventListener('pointerup', this.pointerOriginHandler);
+    };
 }
 
 export const isChromium = (): boolean => (/Chrom|e?ium/g.test(navigator.userAgent) ||