Merge pull request #3542 from IgniteUI/ganastasov/fix-overlay-scroll-sample

fix(overlay): resolve close scroll strategy

Author: kacheshmarova

src/app/interactions/overlay/overlay-scroll-2/overlay-scroll-sample-2.component.scss

@@ -4,24 +4,24 @@ body {
 
 .overlay-sample {
     padding: 32px 0px 32px 32px;
-    overflow-y: scroll;
     display: flex;
     flex-direction: row;
     height: 200px;
     overflow-y: scroll;
 }
 
-
 .container__row > div, .section__container--wide > span, .section__position-element > div {
     display: inline-block;
 }
+
 .section__row--wide, .container__row, .section__header {
     width: 100%;
 }
 
 .section__row > span {
     height: 48px;
 }
+
 .section__row--wide, .section__container--wide > span {
     height: 80px;
     max-width: 320px;
@@ -59,6 +59,7 @@ span:hover {
 .section__separator {
     width: 32px;
 }
+
 .container {
     width: 50%;
     height: 600px;
@@ -84,6 +85,7 @@ span:hover {
     text-align: left;
     margin-top: 16px;
 }
+
 .section__position-element, .section__row--wide {
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
 }

src/app/interactions/overlay/overlay-scroll-2/overlay-scroll-sample-2.component.ts

@@ -68,7 +68,7 @@ export class OverlayScrollSample2Component implements OnInit, OnDestroy {
                 this._target = this.scrollDemo.nativeElement.children[1];
                 break;
             case ('close'):
-                scrollStrategy = new CloseScrollStrategy(this.mainContainer.nativeElement);
+                scrollStrategy = new CloseScrollStrategy();
                 this._target = this.scrollDemo.nativeElement.children[2];
                 break;
             default: