lsadmin/canvas-editor_fex765
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

improve: contextmenu boundary position

Browse Source
This commit is contained in:
Hufe921
2023-10-06 19:07:07 +08:00
parent d540195dfa
commit 1ce2e2f44f
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/editor/core/contextmenu/ContextMenu.ts
+9 -3
View File
@@ -255,13 +255,19 @@ export class ContextMenu {
} }
contextMenuContainer.append(contextMenuContent) contextMenuContainer.append(contextMenuContent)
contextMenuContainer.style.display = 'block' contextMenuContainer.style.display = 'block'
const innerWidth = window.innerWidth
const contextMenuWidth = contextMenuContainer.getBoundingClientRect().width
// 右侧空间不足时，以菜单右上角作为起始点 // 右侧空间不足时，以菜单右上角作为起始点
const innerWidth = window.innerWidth
const contextmenuRect = contextMenuContainer.getBoundingClientRect()
const contextMenuWidth = contextmenuRect.width
const adjustLeft = const adjustLeft =
left + contextMenuWidth > innerWidth ? left - contextMenuWidth : left left + contextMenuWidth > innerWidth ? left - contextMenuWidth : left
contextMenuContainer.style.left = `${adjustLeft}px` contextMenuContainer.style.left = `${adjustLeft}px`
contextMenuContainer.style.top = `${top}px` // 下侧空间不足时，以菜单底部作为起始点
const innerHeight = window.innerHeight
const contextMenuHeight = contextmenuRect.height
const adjustTop =
top + contextMenuHeight > innerHeight ? top - contextMenuHeight : top
contextMenuContainer.style.top = `${adjustTop}px`
this.contextMenuContainerList.push(contextMenuContainer) this.contextMenuContainerList.push(contextMenuContainer)
return contextMenuContainer return contextMenuContainer
} }