Function positionTutorialPopup

index.js:5432–5706

(targetRect)

// Legacy popup positioning method - kept for compatibility
function positionTutorialPopup(targetRect) {
    CarrotDebug.tutorial('🎯 Starting tutorial popup positioning', {
        targetRect: targetRect,
        screenSize: `${window.innerWidth}x${window.innerHeight}`,
        devicePixelRatio: window.devicePixelRatio,
        zoomLevel: window.outerWidth / window.innerWidth
    });
    
    const overlay = getTutorialOverlay();
    const popup = overlay?.querySelector('#carrot-tutorial-popup');
    
    CarrotDebug.tutorial('Tutorial elements found', {
        overlayExists: !!overlay,
        popupExists: !!popup,
        overlayBounds: overlay?.getBoundingClientRect() || 'not found',
        popupBounds: popup?.getBoundingClientRect() || 'not found'
    });
    
    if (!overlay || !popup) {
        CarrotDebug.error('❌ Tutorial elements missing - cannot position popup', {
            overlay: !!overlay,
            popup: !!popup
        });
        return;
    }
    
    // Check if we're in a modal context
    const modal = document.querySelector('.popup:not(.popup_template)');
    let containerRect, containerElement;
    
    if (modal && overlay.parentElement === modal) {
        // Use modal as container
        containerElement = modal;
        containerRect = modal.getBoundingClientRect();
        
        CarrotDebug.tutorial('🏠 Using modal container', {
            modalExists: true,
            overlayIsChildOfModal: overlay.parentElement === modal,
            modalRect: containerRect,
            modalId: modal.id || 'no-id',
            modalClasses: modal.className
        });
    } else {
        // Use viewport as container
        containerElement = document.documentElement;
        containerRect = { 
            top: 0, 
            left: 0, 
            width: window.innerWidth, 
            height: window.innerHeight 
        };
        
        CarrotDebug.tutorial('🌐 Using viewport container', {
            modalExists: !!modal,
            overlayParent: overlay.parentElement?.tagName || 'unknown',
            overlayIsChildOfModal: modal ? overlay.parentElement === modal : false,
            viewportRect: containerRect
        });
    }