fix(grid): set ConnectedPosotionStrategy for toolbar actions (#10595)

* fix(grid): set ConnectedPosotionStrategy for toolbar actions
Co-authored-by: Nikolay Alipiev <[email protected]>

Author: hanastasov

projects/igniteui-angular/src/lib/grids/toolbar/grid-toolbar.base.ts

@@ -8,8 +8,9 @@ import { ElasticPositionStrategy } from '../../services/overlay/position/elastic
 import { IColumnToggledEventArgs } from '../common/events';
 import { IgxColumnActionsComponent } from '../column-actions/column-actions.component';
 import { IgxToggleDirective, ToggleViewCancelableEventArgs, ToggleViewEventArgs } from '../../directives/toggle/toggle.directive';
-import { OverlaySettings } from '../../services/overlay/utilities';
+import { HorizontalAlignment, OverlaySettings, VerticalAlignment } from '../../services/overlay/utilities';
 import { IgxToolbarToken } from './token';
+import { ConnectedPositioningStrategy } from '../../services/overlay/position/connected-positioning-strategy';
 
 
 /**
@@ -43,7 +44,7 @@ export abstract class BaseToolbarDirective implements OnDestroy {
     @Input()
     public set overlaySettings(overlaySettings: OverlaySettings) {
         this._overlaySettings = overlaySettings;
-    };
+    }
 
     /**
      * Returns overlay settings
@@ -85,7 +86,12 @@ export abstract class BaseToolbarDirective implements OnDestroy {
     private $sub: Subscription;
 
     private _overlaySettings: OverlaySettings = {
-        positionStrategy: new ElasticPositionStrategy(),
+        positionStrategy: new ConnectedPositioningStrategy({
+            horizontalDirection: HorizontalAlignment.Left,
+            horizontalStartPoint: HorizontalAlignment.Right,
+            verticalDirection: VerticalAlignment.Bottom,
+            verticalStartPoint: VerticalAlignment.Bottom
+        }),
         scrollStrategy: new AbsoluteScrollStrategy(),
         modal: false,
         closeOnEscape: true,