github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2026-02-04 04:08:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: 消息太长导致菜单无法正常显示

Browse Source
This commit is contained in:
kuaifan 2024-03-19 03:14:09 +09:00
parent 6218521dea
commit 3596475790
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
resources/assets/js/pages/manage/components/DialogWrapper.vue
View File

@ -2748,10 +2748,20 @@ export default {
} }
this.$nextTick(() => { this.$nextTick(() => {
const rect = el.getBoundingClientRect(); const rect = el.getBoundingClientRect();
const scrollerRect = this.$refs.scroller.$el.getBoundingClientRect();
let top = rect.top + this.windowScrollY,
height = rect.height;
if (rect.top < scrollerRect.top) {
top = scrollerRect.top
height -= scrollerRect.top - rect.top
}
if (rect.bottom > scrollerRect.bottom) {
height -= rect.bottom - scrollerRect.bottom
}
this.operateStyles = { this.operateStyles = {
left: `${event.clientX}px`, left: `${event.clientX}px`,
top: `${rect.top + this.windowScrollY}px`, top: `${top}px`,
height: rect.height + 'px', height: `${height}px`,
} }
this.operateClient = {x: event.clientX, y: event.clientY}; this.operateClient = {x: event.clientX, y: event.clientY};
this.operateVisible = true; this.operateVisible = true;