when i am trying to make it appear at the top of the content its not working properly, i am using default position to make it appear at top. can anyone suggest me what can i do to fix it.
function price_breakdown_tooltip() {
$(".proposal_table_price_breakdown_tiptip").tipTip({   delay :200,
        maxWidth : "200px",
        defaultPosition: "right",
        
        content: function (e) {
          
          setTimeout( function(){
         currentXhr = $.ajax({
                        url: '<?php echo site_url('ajax/getProposalPriceBreakdown') ?>',
                        type:'post',
                        data:{proposalId:price_breakdown_tiptip_proposal_id},
                        cache: false,
                        success: function (response) {
                            $('#tiptip_content').html(response);
                            //console.log('ffffggg')
                        }
                    });
                },200);
                    return 'Loading...';
                }
    });
};
you can see in the image what problem i am facing when i am using position top click to see image
 
    