web/dataTable
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): prevent column menu from overflowing screen boundaries

Browse Source
This commit is contained in:
AI Engineer 2026-05-25 12:28:19 +08:00
parent 4a06d906ce
commit 8bd7e9cbd9
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/index.js
View File

@ -121,7 +121,10 @@ Component.register('DataTable', container => {
state.activeField = field; state.activeFieldId = field.id; state.activeField = field; state.activeFieldId = field.id;
menu.style.display = 'block'; menu.style.display = 'block';
const rect = btn.getBoundingClientRect(), rootRect = container.getBoundingClientRect(); const rect = btn.getBoundingClientRect(), rootRect = container.getBoundingClientRect();
menu.style.left = (rect.right - rootRect.left - (menu.offsetWidth || 260)) + 'px'; const menuWidth = menu.offsetWidth || 260;
let leftPos = rect.right - rootRect.left - menuWidth;
if (leftPos < 0) leftPos = Math.max(0, rect.left - rootRect.left);
menu.style.left = leftPos + 'px';
menu.style.top = (rect.bottom - rootRect.top + 5) + 'px'; menu.style.top = (rect.bottom - rootRect.top + 5) + 'px';
const onGlobalClick = (ev) => { const onGlobalClick = (ev) => {