tsanie/ui-lib
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

tooltip position optimization

Browse Source
This commit is contained in:
Chen Lily 2023-06-06 14:24:02 +08:00
parent c045aac4f9
commit 603c92b37d
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
lib/ui/tooltip.js
View File

@ -111,7 +111,10 @@ function setTooltip(container, content, flag = false, parent = null) {
if (t - offsetHeight - 14 < 0) { if (t - offsetHeight - 14 < 0) {
const parentOffsetHeight = c.parentElement.offsetHeight; const parentOffsetHeight = c.parentElement.offsetHeight;
if (t + parentOffsetHeight + offsetHeight + 10 > lastHeight) { if (t + parentOffsetHeight + offsetHeight + 10 > lastHeight) {
top = lastHeight - offsetHeight - 2; top = t + (parentOffsetHeight - offsetHeight) / 2;
if (top + offsetHeight + 1 > lastHeight) {
top = lastHeight - offsetHeight - 1;
}
wrapper.classList.add('ui-tooltip-no'); wrapper.classList.add('ui-tooltip-no');
} else { } else {
top += parentOffsetHeight + 10; top += parentOffsetHeight + 10;
@ -124,9 +127,9 @@ function setTooltip(container, content, flag = false, parent = null) {
const offsetWidth = wrapper.offsetWidth; const offsetWidth = wrapper.offsetWidth;
left += (c.offsetWidth - offsetWidth) / 2; left += (c.offsetWidth - offsetWidth) / 2;
if (l - offsetWidth < 0) { if (l - offsetWidth < 0) {
left = 2; left = 1;
} else if (left + offsetWidth + 2 > lastWidth) { } else if (left + offsetWidth + 1 > lastWidth) {
left = lastWidth - offsetWidth - 2; left = lastWidth - offsetWidth - 1;
} }
// wrapper.style.left = `${left}px`; // wrapper.style.left = `${left}px`;
// wrapper.style.top = `${top}px`; // wrapper.style.top = `${top}px`;