Hi,
Attached is a sample based on the sample you have sent me.

Thanks again
 

Hello,

After reviewing the sample you provided, the behavior you are describing is expected.  When the tooltip leaves the area  of the iframe, it will resize to fit the content.  Using an iframe, I do not see a way for it to be possible for the tooltip to always be visible as you desire.  May I ask why you are using an iframe?  It would probably be easier and better practice to have the igDataChart loaded into the igDialog as I had done in my initial sample.  This also solves the issue with your tooltip.  Please let me know if this is a possibility.  I look forward to hearing back from you.   

Thanks Mike,

works as expected. 

I changed a bit your function, so the tooltip will be left (or above) of the cursor because the way you implemented it, it was sometimes hiding the datapoint that the cursor was pointing at.

My implementation of the function :

function handleMouseMove(event) {

    var tooltip = $('#2015Population_tooltip'); //'2015Population' is the series' name
    if (tooltip[0]) {
        tooltip.css({ 'white-space': 'nowrap' });
       var $window = $(window);
       var wWidth = $window.width();
       var wHeight = $window.height();
       var width = tooltip.outerWidth(true);
       var height = tooltip.outerHeight(true);
       var left = tooltip.position().left;
       var top = tooltip.position().top;

       if (width + left > wWidth) {
            var wlimit = event.clientX - width;
            tooltip.css({ left: wlimit + 'px' });
       }
        if (height + top > wHeight) {
             var hlimit = event.clientY - height;
             tooltip.css({ top: hlimit + 'px' });
        }

    }

}

Thanks again

Hello Amos_silberman,

I have spoken with our development team and as a workaround you can attach the following event/method to the mouse move event:

// atach for mouse move event

document.onmousemove = handleMouseMove;

function handleMouseMove(event) {
    var tooltip = $('#2015Population_tooltip'); //'2015Population' is the series' name
    if (tooltip[0]) {
        var $window = $(window);
        var wWidth = $window.width();
        var width = tooltip.outerWidth(true);
        var left = tooltip.position().left;
        if (width + left > wWidth) {
            var limit = wWidth - width;
            tooltip.css({ left: limit + 'px' });
        }
    }
}

I am also attaching a modified version of your sample to demonstrate this behavior.

Hello,

Is there any update on the issue? 
Customers are keep asking me for answers..

is there any workaround?

Thanks for your help Joe,

looking forward for any updates on the issue.