Use intro.js with dropdowns about angular-intro.js

[mendhak]

Can you post a demo of the problem?

I've created a basic plunk here which you can fork:

http://plnkr.co/edit/9U4ZQBrMJiGIfGOlDdWJ?p=preview

[alexandre-melard]

I have the same problem, I will try to plunk it tomorrow

[alexandre-melard]

I did not manage to plunk it, here is a link to the qualif:

http://recherche.utilitaire.melard.fr/qualif/#/carto

YOu have to click on "Aide" (The green button on the top right), the problem occurs for the second step. on the change event, I do:

    $scope.ChangeEvent = function (e) { 
        if (e.id === 'step2') {
            document.getElementById('step1').click();
        } 
        console.log("Change Event called"); 
    };

When debugging, everything is working like a charm until that function end: _showElement
After that, I get lost in JQuery events, and the dropdown is closed...

If you want to reproduce, just add a breakpoint at the end of the _showElement function and you will understand what I mean...

I would apreciate a little help before I try another tour framework?

[alexandre-melard]

I've found a fix:

    $scope.ChangeEvent = function (e) { 
        if (e.id === 'step2') {
            document.getElementById('step1').click();
            setTimeout(function () {
                document.getElementById('create-path').style.display = 'block';
            }, 1000);
        } 
        console.log("Change Event called"); 
    };

[ahmedhawas]

Thanks for that @mylen . Just wondering if you are also able to reference an element in the dropdown for the next step. For me it doesnt seem to update the DOM and so when I reference an element on dropdown the modal is floating and cant find it in the DOM. Where you able to get that to work? Thanks in advance.

[paresh-2016]

Is this issue got fixed? I am also facing display coach mark in menu. any ETA?