dave/rfd-fyi
1
0
Fork 0
mirror of https://github.com/davegallant/rfd-fyi.git synced 2026-03-03 09:36:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix tooltip positioning

Browse Source
This commit is contained in:
Dave Gallant
2026-02-14 17:27:15 -05:00
parent 45dfa503aa
commit 640feea592
1 changed files with 7 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/App.vue
View File

@@ -250,23 +250,21 @@ export default {
let top = this.tooltipPosition.y + 10; let top = this.tooltipPosition.y + 10;
let left = this.tooltipPosition.x + 10; let left = this.tooltipPosition.x + 10;
const tooltipWidth = 420;
// Check if tooltip would go off bottom of screen
if (top > window.innerHeight - 200) {
// Position above the cursor instead
top = this.tooltipPosition.y - 200;
}
// Check if tooltip would go off right side of screen // Check if tooltip would go off right side of screen
if (left > window.innerWidth - 420) { if (left + tooltipWidth > window.innerWidth) {
// Position to the left of cursor instead // Position to the left of cursor instead
left = this.tooltipPosition.x - 420; left = Math.max(10, this.tooltipPosition.x - tooltipWidth - 10);
} }
// Keep tooltip within vertical bounds, allowing scrolling of content
top = Math.max(10, Math.min(top, window.innerHeight - 100));
return { return {
position: 'fixed', position: 'fixed',
left: Math.max(10, left) + 'px', left: Math.max(10, left) + 'px',
top: Math.max(10, top) + 'px', top: top + 'px',
zIndex: 9999, zIndex: 9999,
}; };
}, },