@sebgroup/green-angular 1.8.3 → 1.8.5

package/fesm2020/sebgroup-green-angular.mjs

@@ -313,6 +313,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
 
+const CONTEXT_MENU_TOP = '0px';
+const CONTEXT_MENU_LEFT = '0px';
+
 class NggContextMenuComponent {
     constructor(changeDetectorRef, elementRef, closeContextMenu) {
         this.changeDetectorRef = changeDetectorRef;
@@ -325,15 +328,14 @@ class NggContextMenuComponent {
         this.closeOnScroll = false;
         this.contextMenuItemClicked = new EventEmitter();
         this.isActive = false;
-        this.top = '0px';
-        this.left = '0px';
+        this.top = CONTEXT_MENU_TOP;
+        this.left = CONTEXT_MENU_LEFT;
     }
     onDocumentClick(target) {
         if (!this.isActive) {
             return;
         }
-        const contextMenuElement = this.elementRef.nativeElement;
-        if (!contextMenuElement.contains(target)) {
+        if (!this.elementRef.nativeElement.contains(target)) {
             this.close();
         }
     }
@@ -357,17 +359,18 @@ class NggContextMenuComponent {
             this.close();
             return;
         }
-        const anchor = this.anchor?.nativeElement;
-        const buttonRect = anchor.getBoundingClientRect();
-        const left = this.calculateLeft(this.direction, buttonRect);
-        const top = this.calculateTop(buttonRect.bottom);
+        const buttonRect = this.anchor?.nativeElement.getBoundingClientRect();
         const gapBetweenButtonAndPopover = 3;
+        const left = this.calculateLeft(this.direction, buttonRect);
+        const top = buttonRect.bottom + gapBetweenButtonAndPopover;
         this.left = `${left}px`;
-        this.top = `${top + gapBetweenButtonAndPopover}px`;
+        this.top = `${top}px`;
         this.isActive = true;
     }
     close() {
         this.isActive = false;
+        this.top = CONTEXT_MENU_TOP;
+        this.left = CONTEXT_MENU_LEFT;
         this.changeDetectorRef.markForCheck();
     }
     onItemClick(item) {
@@ -385,9 +388,6 @@ class NggContextMenuComponent {
                 break;
         }
     }
-    calculateTop(buttonRectBottom) {
-        return buttonRectBottom + window.pageYOffset;
-    }
     calculateLeft(direction, buttonRect) {
         const popover = this.popover?.nativeElement;
         const popoverWidth = popover?.offsetWidth || 0;
@@ -980,7 +980,12 @@ class NggModalComponent {
             if (this.trapFocus) {
                 this.enableFocusTrap();
             }
-            disableBodyScroll(this.ref.nativeElement);
+            disableBodyScroll(this.ref.nativeElement, {
+                allowTouchMove: (el) => {
+                    // Allow touchmove for elements inside modal, its required for scroll to work on iOS devices
+                    return this.ref.nativeElement.contains(el);
+                }
+            });
         }
         else {
             this.disableFocusTrap();