Skip to content
This repository has been archived by the owner on Jan 17, 2022. It is now read-only.

Use intro.js with dropdowns #7

Closed
godratio opened this issue Feb 25, 2014 · 6 comments
Closed

Use intro.js with dropdowns #7

godratio opened this issue Feb 25, 2014 · 6 comments

Comments

@godratio
Copy link

Is this a problem with the directive or intro.js...
But if there is a element in a dropdown it goes to some wacky place rather than the specific position of the element.

@mendhak
Copy link
Owner

mendhak commented Feb 25, 2014

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
Copy link

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

@alexandre-melard
Copy link

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
Copy link

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
Copy link

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
Copy link

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

@godratio godratio closed this as completed Aug 8, 2017
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants