angular-tour icon indicating copy to clipboard operation
angular-tour copied to clipboard

Active element not highlighted with ng-repeat

Open swrocket opened this issue 9 years ago • 2 comments

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 avatar Nov 27 '15 18:11 swrocket

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...

swrocket avatar Nov 27 '15 18:11 swrocket

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.

asitpanda avatar Mar 14 '16 06:03 asitpanda