diff --git a/resources/assets/js/pages/manage.vue b/resources/assets/js/pages/manage.vue index 7ce7444f8..d765790a7 100644 --- a/resources/assets/js/pages/manage.vue +++ b/resources/assets/js/pages/manage.vue @@ -1053,12 +1053,11 @@ export default { this.operateVisible = false; this.operateItem = $A.isJson(projectItem) ? projectItem : {}; this.$nextTick(() => { - const projectRect = el.getBoundingClientRect(); - const wrapRect = this.$refs.menuProject.getBoundingClientRect(); + const rect = el.getBoundingClientRect(); this.operateStyles = { - left: `${event.clientX - wrapRect.left}px`, - top: `${projectRect.top + this.windowScrollY}px`, - height: projectRect.height + 'px', + left: `${event.clientX}px`, + top: `${rect.top + this.windowScrollY}px`, + height: rect.height + 'px', } this.operateVisible = true; }) diff --git a/resources/assets/js/pages/manage/components/DialogWrapper.vue b/resources/assets/js/pages/manage/components/DialogWrapper.vue index 4ec4a4b72..e7fe410ec 100644 --- a/resources/assets/js/pages/manage/components/DialogWrapper.vue +++ b/resources/assets/js/pages/manage/components/DialogWrapper.vue @@ -2680,12 +2680,11 @@ export default { } } this.$nextTick(() => { - const projectRect = el.getBoundingClientRect(); - const wrapRect = this.$el.getBoundingClientRect(); + const rect = el.getBoundingClientRect(); this.operateStyles = { - left: `${event.clientX - wrapRect.left}px`, - top: `${projectRect.top + this.windowScrollY}px`, - height: projectRect.height + 'px', + left: `${event.clientX}px`, + top: `${rect.top + this.windowScrollY}px`, + height: rect.height + 'px', } this.operateClient = {x: event.clientX, y: event.clientY}; this.operateVisible = true; diff --git a/resources/assets/js/pages/manage/components/ProjectList.vue b/resources/assets/js/pages/manage/components/ProjectList.vue index 6af013110..c24b02656 100644 --- a/resources/assets/js/pages/manage/components/ProjectList.vue +++ b/resources/assets/js/pages/manage/components/ProjectList.vue @@ -179,12 +179,11 @@ export default { this.operateVisible = false; this.operateItem = $A.isJson(projectItem) ? projectItem : {}; this.$nextTick(() => { - const projectRect = el.getBoundingClientRect(); - const wrapRect = this.$el.getBoundingClientRect(); + const rect = el.getBoundingClientRect(); this.operateStyles = { - left: `${event.clientX - wrapRect.left}px`, - top: `${projectRect.top + this.windowScrollY}px`, - height: projectRect.height + 'px', + left: `${event.clientX}px`, + top: `${rect.top + this.windowScrollY}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 95604c78b..339d7efee 100644 --- a/resources/assets/js/pages/manage/messenger.vue +++ b/resources/assets/js/pages/manage/messenger.vue @@ -977,12 +977,11 @@ export default { this.operateVisible = false; this.operateItem = $A.isJson(dialogItem) ? dialogItem : {}; this.$nextTick(() => { - const dialogRect = el.getBoundingClientRect(); - const wrapRect = this.$refs.list.$el.getBoundingClientRect(); + const rect = el.getBoundingClientRect(); this.operateStyles = { - left: `${event.clientX - wrapRect.left}px`, - top: `${dialogRect.top - dialogRect.height + this.windowScrollY}px`, - height: dialogRect.height + 'px', + left: `${event.clientX}px`, + top: `${rect.top + this.windowScrollY}px`, + height: rect.height + 'px', } this.operateVisible = true; }) diff --git a/resources/assets/sass/pages/components/dialog-wrapper.scss b/resources/assets/sass/pages/components/dialog-wrapper.scss index 65ceecb05..32c0efea3 100644 --- a/resources/assets/sass/pages/components/dialog-wrapper.scss +++ b/resources/assets/sass/pages/components/dialog-wrapper.scss @@ -1754,7 +1754,7 @@ } .operate-position { - position: absolute; + position: fixed; top: 0; left: 0; width: 1px; diff --git a/resources/assets/sass/pages/components/project-list.scss b/resources/assets/sass/pages/components/project-list.scss index 03c5d388b..8a0a476ea 100644 --- a/resources/assets/sass/pages/components/project-list.scss +++ b/resources/assets/sass/pages/components/project-list.scss @@ -183,7 +183,7 @@ } .operate-position { - position: absolute; + position: fixed; top: 0; left: 0; width: 1px; diff --git a/resources/assets/sass/pages/page-manage.scss b/resources/assets/sass/pages/page-manage.scss index b9dac723f..ec2e592e8 100644 --- a/resources/assets/sass/pages/page-manage.scss +++ b/resources/assets/sass/pages/page-manage.scss @@ -206,7 +206,7 @@ } } .operate-position { - position: absolute; + position: fixed; top: 0; left: 0; width: 1px; diff --git a/resources/assets/sass/pages/page-messenger.scss b/resources/assets/sass/pages/page-messenger.scss index 2e50fa841..814b262e4 100644 --- a/resources/assets/sass/pages/page-messenger.scss +++ b/resources/assets/sass/pages/page-messenger.scss @@ -463,12 +463,11 @@ } } .operate-position { - position: absolute; + position: fixed; top: 0; left: 0; width: 1px; opacity: 0; - margin-top: -4px; visibility: hidden; pointer-events: none; }