diff --git a/resources/assets/js/pages/manage.vue b/resources/assets/js/pages/manage.vue
index a54df2117..2fcd269c5 100644
--- a/resources/assets/js/pages/manage.vue
+++ b/resources/assets/js/pages/manage.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="page-manage" :class="pageClass">
-        <div class="manage-box-menu">
+        <div ref="boxMenu" class="manage-box-menu">
             <Dropdown
                 class="page-manage-menu-dropdown main-menu"
                 trigger="click"
@@ -1143,9 +1143,10 @@ export default {
             this.operateItem = $A.isJson(projectItem) ? projectItem : {};
             this.$nextTick(() => {
                 const rect = el.getBoundingClientRect();
+                const parentRect = this.$refs.boxMenu?.getBoundingClientRect() || {top: 0, left: 0}
                 this.operateStyles = {
-                    left: `${event.clientX}px`,
-                    top: `${rect.top + this.windowScrollY}px`,
+                    left: `${event.clientX - parentRect.left}px`,
+                    top: `${rect.top + this.windowScrollY - parentRect.top}px`,
                     height: rect.height + 'px',
                 }
                 this.operateVisible = true;
diff --git a/resources/assets/js/pages/manage/components/ProjectList.vue b/resources/assets/js/pages/manage/components/ProjectList.vue
index 94fb908c5..93e4247fa 100644
--- a/resources/assets/js/pages/manage/components/ProjectList.vue
+++ b/resources/assets/js/pages/manage/components/ProjectList.vue
@@ -183,9 +183,10 @@ export default {
             this.operateItem = $A.isJson(projectItem) ? projectItem : {};
             this.$nextTick(() => {
                 const rect = el.getBoundingClientRect();
+                const parentRect = this.$el.getBoundingClientRect() || {top: 0, left: 0}
                 this.operateStyles = {
-                    left: `${event.clientX}px`,
-                    top: `${rect.top + this.windowScrollY}px`,
+                    left: `${event.clientX - parentRect.left}px`,
+                    top: `${rect.top + this.windowScrollY - parentRect.top}px`,
                     height: rect.height + 'px',
                 }
                 this.operateVisible = true;
diff --git a/resources/assets/js/pages/manage/messenger.vue b/resources/assets/js/pages/manage/messenger.vue
index e70e26355..d8a834352 100644
--- a/resources/assets/js/pages/manage/messenger.vue
+++ b/resources/assets/js/pages/manage/messenger.vue
@@ -1060,9 +1060,10 @@ export default {
             this.operateVisible = false;
             this.operateItem = $A.isJson(item) ? item : {};
             this.$nextTick(() => {
+                const parentRect = this.$refs.list?.$el?.getBoundingClientRect() || {top: 0, left: 0}
                 this.operateStyles = {
-                    left: `${clientX}px`,
-                    top: `${rect.top + this.windowScrollY}px`,
+                    left: `${clientX - parentRect.left}px`,
+                    top: `${rect.top + this.windowScrollY - parentRect.top}px`,
                     height: rect.height + 'px',
                 }
                 this.operateVisible = true;