@trudb/tru-common-lib 0.2.129 → 0.2.131

package/fesm2022/trudb-tru-common-lib.mjs

@@ -6018,8 +6018,8 @@ class TruDataGridCellRenderer {
         let clickedElement = event.target;
         if (clickedElement instanceof Element) {
             let rect = clickedElement.getBoundingClientRect();
-            this.contextMenuPosition.x = rect.x + 'px';
-            this.contextMenuPosition.y = (event.pageY) + 'px';
+            this.contextMenuPosition.x = event.clientX + 'px';
+            this.contextMenuPosition.y = event.clientY + 'px';
             this.contextMenu.menu?.focusFirstItem('mouse');
             this.contextMenu.openMenu();
         }
@@ -6068,11 +6068,12 @@ class TruDataGridCellRenderer {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridCellRenderer, deps: [{ token: TruDataContext }, { token: TruDataGridClipboard }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: TruDataGridCellRenderer, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "contextMenu", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: `<div (contextmenu)="onRightClick($event)">{{displayValue}}
-    <div style="visibility: hidden; position: absolute;"
+    <div style="visibility: hidden; position: fixed;"
       [style.left]="contextMenuPosition.x"
-      [matMenuTriggerFor]="truDataGridContextMenu">
+      [style.top]="contextMenuPosition.y"
+      [matMenuTriggerFor]="truDataGridCellContextMenu">
     </div>
-    <mat-menu #truDataGridContextMenu="matMenu">
+    <mat-menu #truDataGridCellContextMenu="matMenu">
       <button mat-menu-item (click)="onCopy($event)">
         <mat-icon [svgIcon]="'copy-icon'"></mat-icon>
         <span>Copy</span>
@@ -6094,11 +6095,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
                         MatButtonModule,
                         MatMenuModule
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: `<div (contextmenu)="onRightClick($event)">{{displayValue}}
-    <div style="visibility: hidden; position: absolute;"
+    <div style="visibility: hidden; position: fixed;"
       [style.left]="contextMenuPosition.x"
-      [matMenuTriggerFor]="truDataGridContextMenu">
+      [style.top]="contextMenuPosition.y"
+      [matMenuTriggerFor]="truDataGridCellContextMenu">
     </div>
-    <mat-menu #truDataGridContextMenu="matMenu">
+    <mat-menu #truDataGridCellContextMenu="matMenu">
       <button mat-menu-item (click)="onCopy($event)">
         <mat-icon [svgIcon]="'copy-icon'"></mat-icon>
         <span>Copy</span>