Skip to content
This repository has been archived by the owner on Dec 19, 2024. It is now read-only.

Selection bar disappears when changing selected attribute #91

Open
WaverleyDesign opened this issue Nov 18, 2015 · 6 comments
Open

Selection bar disappears when changing selected attribute #91

WaverleyDesign opened this issue Nov 18, 2015 · 6 comments

Comments

@WaverleyDesign
Copy link
Contributor

I'm using paper-tabs with links inside them in the Polymer Starter Kit, and so I'm using the routing setup that it comes with for my content. My iron-pages selected attribute is set to {{route}}, but when I changed my paper-tabs selected attribute from {{selected}} to {{route}} the selection bar disappears. The text still goes bold to indicate that it has been selected.

@mattbogado
Copy link

Same here, but I don't even have a font change. I am using <a href> inside the <paper-tab>.

@WaverleyDesign
Copy link
Contributor Author

I'm also using the anchor tag.

@bicknellr
Copy link
Contributor

This seems to be related to #97.

@kristfal
Copy link

The cause of this issue seems to be that that _tabChanged is called before var r = this.$.tabsContent.getBoundingClientRect(); returns the actual dimensions of the tab content.

This is in turn caused if _onIronSelect is called instantly on element initialization.

I'll look into a solution and create a PR once I have a bit more time.

@motss
Copy link
Contributor

motss commented Jun 29, 2016

@WaverleyDesign You need to run notifyResize in this case.

@alisdair-ashbourne
Copy link

alisdair-ashbourne commented Jul 27, 2018

Hey guys. This issue seems to still exist. Is there a possibility of looking into this? I believe @kristfal was correct in finding what is causing the issue as debugging has shown that the width is registered as 0.

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

No branches or pull requests

6 participants