paper-tabs icon indicating copy to clipboard operation
paper-tabs copied to clipboard

Selection bar disappears when changing selected attribute

Open WaverleyDesign opened this issue 10 years ago • 6 comments

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.

WaverleyDesign avatar Nov 18 '15 21:11 WaverleyDesign

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

mattbogado avatar Nov 20 '15 23:11 mattbogado

I'm also using the anchor tag.

WaverleyDesign avatar Nov 22 '15 05:11 WaverleyDesign

This seems to be related to #97.

bicknellr avatar Dec 19 '15 00:12 bicknellr

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.

kristfal avatar Jun 29 '16 08:06 kristfal

@WaverleyDesign You need to run notifyResize in this case.

motss avatar Jun 29 '16 12:06 motss

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.

ASHBRN-PHNX avatar Jul 27 '18 18:07 ASHBRN-PHNX