Merge pull request #2433 from IgniteUI/SKrastev/fix-1639-master

Fix scrolling using touch on Edge and IE scrolls the page but not the content.

Author: mpavlinov

projects/igniteui-angular/src/lib/directives/for-of/for_of.directive.ts

@@ -231,6 +231,11 @@ export class IgxForOfDirective<T> implements OnInit, OnChanges, DoCheck, OnDestr
 
         const dcFactory: ComponentFactory<DisplayContainerComponent> = this.resolver.resolveComponentFactory(DisplayContainerComponent);
         this.dc = this._viewContainer.createComponent(dcFactory, 0);
+
+        if (typeof MSGesture === 'function') {
+            // On Edge and IE when scrolling on touch the page scroll instead of the grid.
+            this.dc.instance._viewContainer.element.nativeElement.style.touchAction = 'none';
+        }
         if (this.igxForOf && this.igxForOf.length) {
             this.dc.instance.notVirtual = !(this.igxForContainerSize && this.state.chunkSize < this.igxForOf.length);
             if (this.igxForScrollOrientation === 'horizontal') {