onafterchange is clearly not called after the change

[AntoineWtrnd]

Description

Have a custom Focus callback when onafterchange, it focus, but it focus before the tooltip appear, then, the focus dissapear because tooltip has not been finished to shown.

So, "onafterchange", no way. This not working. This is the same as onbeforechange. Exactly the same except some minutes delays.

Also, i can't believe all these callback without a onNext.

Bootstrap Tour look much better...

[sr9yar]

I just spent a couple of hours trying to customize my tour in firm belief 'onafterchange' is in fact called after all changes are done.
Learnt the truth the hard way ....

[sr9yar]

I managed to handle this by using a MutationObserver.

const observer = new MutationObserver((mutations) => {  
    const { target } = mutations[0];

    document.querySelector('.introjs-tooltip').style.top = `${      
        document.querySelector('.introjs-helperLayer').clientHeight
        - document.querySelector('.introjs-tooltip').clientHeight - 10}px`;

    return null; });

observer.observe(   
    document.querySelector('.introjs-tooltip'),     
    { attributes: true, attributeOldValue: true, attributeFilter: ['style'] }, 
);

Thanks for this great library. An update on this issue would be much appreciated.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[bartimez]

Also having this issue. onafterchange is called before the tooltip location is calculated, making calling refresh in an onafterchange worthless

[xand7]

This continues to be an issue for me.