Selection bar won't move below the "right" paper-tab.

[faan11]

Description

I have three pages in my website. Each page has a paper-tabs with three paper-tab. Each paper-tab has a link inside.

Profile:

 <div class="container flex-center-justified">
                  <div>
                    <div class="tabs_profile" >
                        <paper-tabs selected="0" class="tabs_profile_paper" fit-container  >
                            <paper-tab link><a href="/profile"   class="link" tabindex="-1">PROFILO</a></paper-tab>
                            <paper-tab link><a href="/packages" class="link" tabindex="-1">PACCHETTI</a></paper-tab>
                            <paper-tab link><a href="/feedback"  class="link" tabindex="-1">FEEDBACK</a></paper-tab>
                        </paper-tabs>
                    </div>
                    <div class="profilecontent">

Packages:

<div class="container flex-center-justified">
                  <div>
                      <div class="tabs_packages" >
                       <paper-tabs selected="1" class="tabs_packages_paper" fit-container  >
                            <paper-tab link><a href="/profile"   tabindex="-1">PROFILO</a></paper-tab>
                            <paper-tab link><a href="/packages"   tabindex="-1">PACCHETTI</a></paper-tab>
                            <paper-tab link><a href="/feedback" tabindex="-1">FEEDBACK</a></paper-tab>
                        </paper-tabs>
                    </div>

Feedback:

 <div class="container flex-center-justified">
                <div >
                    <div class="tabs_feedback" >
                    <paper-tabs selected="2" class="tabs_feedback_paper" fit-container activateEvent="click" >
                            <paper-tab link><a href="/profile"   class="link" tabindex="-1">PROFILO</a></paper-tab>
                            <paper-tab link><a href="/packages"  class="link" tabindex="-1">PACCHETTI</a></paper-tab>
                            <paper-tab link><a href="/feedback"  class="link" tabindex="-1">FEEDBACK</a></paper-tab>
                        </paper-tabs>
                    </div>

Expected outcome

The selection bar should be below the paper-tab clicked.

Actual outcome

The selection bar sometimes won't move below the right paper-tab ( the one that i clicked ).

Live Demo

Steps to reproduce

1. Open the first page /profile
2. Click in packages.The page changes and the selection bar moves below the right paper-tab.
3. Click in profile.The page changes but not the selection bar.

I'm using polymer v1.4.0 and paper-tabs v1.6.3. I'm testing it with Chromium v54.0.2840.71 . I also updated the paper-tabs to 1.7.0 but nothing change.

[rokity]

I take solution from here http://codepen.io/tony19/pen/bedmPw. Please close the issue the problem is solved