search

DaftMonk / angular-tour

AngularJS directive for giving an interactive tour of your website.
http://daftmonk.github.io/angular-tour/
MIT License
608 stars 137 forks source link

Active element not highlighted with ng-repeat #57

Open swrocket opened 8 years ago

swrocket commented 8 years ago

I have a tour set up that work great except for this issue. I have a bunch of panels that are rendered using ng-repeat. The second step of the tour is for the first of these panels. The step shows up in the right place, but the panel is not highlighted; it's behind the backdrop. The rest of the steps work as expected. Any ideas?

TIA,

Andrew

swrocket commented 8 years ago

Just as an update (but not really a solution) I got it to work by adding a delay to the focusActiveElement

if (tourConfig.backDrop){
    $timeout(function () {
        focusActiveElement(targetElement);
    }, 300);
}

This allows angular to render the ng-repeat before the element is focus, but is flaky at best...

asitpanda commented 8 years ago

Hi Andrew, I have same issue, but where to add this , is there a way to add outside angular-tour js file? From my app.