Function positionTutorialPopup

tutorials.js:392–423

(popup, targetRect)

// Position tutorial popup near target element
function positionTutorialPopup(popup, targetRect) {
    if (!popup) return;

    const popupRect = popup.getBoundingClientRect();
    const viewportWidth = window.innerWidth;
    const viewportHeight = window.innerHeight;

    // Try to position to the right of target
    let left = targetRect.right + 20;
    let top = targetRect.top;

    // If it goes off right edge, position to the left
    if (left + popupRect.width > viewportWidth - 20) {
        left = targetRect.left - popupRect.width - 20;
    }

    // If still off screen, center horizontally
    if (left < 20) {
        left = (viewportWidth - popupRect.width) / 2;
    }

    // Adjust vertical position to keep in viewport
    if (top + popupRect.height > viewportHeight - 20) {
        top = viewportHeight - popupRect.height - 20;
    }
    if (top < 20) {
        top = 20;
    }

    popup.style.left = Math.max(20, left) + 'px';
    popup.style.top = Math.max(20, top) + 'px';
}

// Navigate to next tutorial step
export function nextTutorialStep() {