From 22fe04a7af9a834bce7b81354c968760b9cb42e9 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Wed, 25 Sep 2024 11:41:55 +0300
Subject: [PATCH] Fixed #6469

---
 .../primevue/src/contextmenu/ContextMenu.vue  | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/packages/primevue/src/contextmenu/ContextMenu.vue b/packages/primevue/src/contextmenu/ContextMenu.vue
index 8882411a1..384507f61 100755
--- a/packages/primevue/src/contextmenu/ContextMenu.vue
+++ b/packages/primevue/src/contextmenu/ContextMenu.vue
@@ -35,10 +35,10 @@
 </template>
 
 <script>
-import { UniqueComponentId } from '@primevue/core/utils';
-import { focus, findSingle, addStyle, getHiddenElementOuterWidth, getHiddenElementOuterHeight, getViewport, isTouchDevice } from '@primeuix/utils/dom';
-import { resolve, isNotEmpty, isPrintableCharacter, isEmpty, findLastIndex } from '@primeuix/utils/object';
+import { addStyle, findSingle, focus, getHiddenElementOuterHeight, getHiddenElementOuterWidth, getViewport, isTouchDevice } from '@primeuix/utils/dom';
+import { findLastIndex, isEmpty, isNotEmpty, isPrintableCharacter, resolve } from '@primeuix/utils/object';
 import { ZIndex } from '@primeuix/utils/zindex';
+import { UniqueComponentId } from '@primevue/core/utils';
 import Portal from 'primevue/portal';
 import BaseContextMenu from './BaseContextMenu.vue';
 import ContextMenuSub from './ContextMenuSub.vue';
@@ -387,25 +387,27 @@ export default {
             let width = this.container.offsetParent ? this.container.offsetWidth : getHiddenElementOuterWidth(this.container);
             let height = this.container.offsetParent ? this.container.offsetHeight : getHiddenElementOuterHeight(this.container);
             let viewport = getViewport();
+            let scrollTop = window.scrollY || document.documentElement.scrollTop || document.body.scrollTop || 0;
+            let scrollLeft = window.scrollX || document.documentElement.scrollLeft || document.body.scrollLeft || 0;
 
             //flip
-            if (left + width - document.body.scrollLeft > viewport.width) {
+            if (left + width - scrollLeft > viewport.width) {
                 left -= width;
             }
 
             //flip
-            if (top + height - document.body.scrollTop > viewport.height) {
+            if (top + height - scrollTop > viewport.height) {
                 top -= height;
             }
 
             //fit
-            if (left < document.body.scrollLeft) {
-                left = document.body.scrollLeft;
+            if (left < scrollLeft) {
+                left = scrollLeft;
             }
 
             //fit
-            if (top < document.body.scrollTop) {
-                top = document.body.scrollTop;
+            if (top < scrollTop) {
+                top = scrollTop;
             }
 
             this.container.style.left = left + 'px';