Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
faan11 opened this issue Oct 29, 2016 · 1 comment
Open

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

faan11 opened this issue Oct 29, 2016 · 1 comment

Comments

@faan11
Copy link

faan11 commented Oct 29, 2016

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

Image

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

rokity commented Oct 31, 2016

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants