feat(module:tooltip,popover,popconfirm): make cdkConnectedOverlayPush…

… open for tooltip (#8166) Co-authored-by: YuhengZhou <[email protected]>
NG-ZORRO · Nov 18, 2023 · a821c62 · a821c62
1 parent 5aa4db9
commit a821c62
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 3 deletions.
diff --git a/components/popconfirm/popconfirm.ts b/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

diff --git a/components/popover/popover.ts b/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()"

diff --git a/components/tooltip/base.ts b/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>();
 

diff --git a/components/tooltip/tooltip.ts b/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()"