feat(module:tooltip,popover,popconfirm): make cdkConnectedOverlayPush open for tooltip (#8166)

Co-authored-by: YuhengZhou <YuhengZhou@thoughtworks.com>

Author: yuhengzhouz

components/popconfirm/popconfirm.ts

@@ -147,7 +147,7 @@ export class NzPopconfirmDirective extends NzTooltipBaseDirective {
       (positionChange)="onPositionChange($event)"
       [cdkConnectedOverlayPositions]="_positions"
       [cdkConnectedOverlayOpen]="_visible"
-      [cdkConnectedOverlayPush]="true"
+      [cdkConnectedOverlayPush]="cdkConnectedOverlayPush"
       [nzArrowPointAtCenter]="nzArrowPointAtCenter"
     >
       <div

components/popover/popover.ts

@@ -104,7 +104,7 @@ export class NzPopoverDirective extends NzTooltipBaseDirective {
       [cdkConnectedOverlayOrigin]="origin"
       [cdkConnectedOverlayPositions]="_positions"
       [cdkConnectedOverlayOpen]="_visible"
-      [cdkConnectedOverlayPush]="true"
+      [cdkConnectedOverlayPush]="cdkConnectedOverlayPush"
       [nzArrowPointAtCenter]="nzArrowPointAtCenter"
       (overlayOutsideClick)="onClickOutside($event)"
       (detach)="hide()"

components/tooltip/base.ts

@@ -54,6 +54,7 @@ export abstract class NzTooltipBaseDirective implements OnChanges, OnDestroy, Af
   mouseLeaveDelay?: number;
   overlayClassName?: string;
   overlayStyle?: NgStyleInterface;
+  cdkConnectedOverlayPush?: boolean;
   visibleChange = new EventEmitter<boolean>();
 
   /**
@@ -272,6 +273,7 @@ export abstract class NzTooltipBaseDirective implements OnChanges, OnDestroy, Af
       overlayClassName: ['nzOverlayClassName', () => this._overlayClassName],
       overlayStyle: ['nzOverlayStyle', () => this._overlayStyle],
       arrowPointAtCenter: ['nzArrowPointAtCenter', () => this.arrowPointAtCenter],
+      cdkConnectedOverlayPush: ['cdkConnectedOverlayPush', () => this.cdkConnectedOverlayPush],
       ...this.getProxyPropertyMap()
     };
 
@@ -342,6 +344,7 @@ export abstract class NzTooltipBaseComponent implements OnDestroy, OnInit {
   nzBackdrop = false;
   nzMouseEnterDelay?: number;
   nzMouseLeaveDelay?: number;
+  cdkConnectedOverlayPush?: boolean = true;
 
   nzVisibleChange = new Subject<boolean>();
 

components/tooltip/tooltip.ts

@@ -58,6 +58,7 @@ export class NzTooltipDirective extends NzTooltipBaseDirective {
   @Input('nzTooltipOverlayClassName') override overlayClassName?: string;
   @Input('nzTooltipOverlayStyle') override overlayStyle?: NgStyleInterface;
   @Input('nzTooltipArrowPointAtCenter') @InputBoolean() override arrowPointAtCenter?: boolean;
+  @Input() @InputBoolean() override cdkConnectedOverlayPush?: boolean = true;
   @Input() nzTooltipColor?: string;
 
   // eslint-disable-next-line @angular-eslint/no-output-rename
@@ -98,7 +99,7 @@ export class NzTooltipDirective extends NzTooltipBaseDirective {
       [cdkConnectedOverlayOrigin]="origin"
       [cdkConnectedOverlayOpen]="_visible"
       [cdkConnectedOverlayPositions]="_positions"
-      [cdkConnectedOverlayPush]="true"
+      [cdkConnectedOverlayPush]="cdkConnectedOverlayPush"
       [nzArrowPointAtCenter]="nzArrowPointAtCenter"
       (overlayOutsideClick)="onClickOutside($event)"
       (detach)="hide()"