Invisible selection bar

[richiksc]

I have embedded paper-tabs in my app like this:

<core-toolbar class="tall">
  <!-- main toolbar content goes here -->
  <paper-tabs class="bottom fit" selected="0">
    <paper-tab>ONE</paper-tab>
    <paper-tab>ONE</paper-tab>
    <paper-tab>THREE</paper-tab>
  </paper-tabs>
</core-toolbar>

However, there is no selection bar under the first tab as expected. The selection bar only appears when the user taps on a tab other than the first one.

I have inspected the paper-tabs' Shadow DOM and have found that the selectionBar's width is set to 0.

Right now it only works when you manually set the selectionBar's width.

[frankiefu]

If you have paper-tabs in a container that is initially hidden and later becomes visible then you will have to call updateBar to update the size and position of the bottom bar. The general solution we have considered for this class of issues is detailed in Polymer/polymer#849.

[richiksc]

Ok, but i think this behavior should be default.

[kevinpschaaf]

Resolved via Polymer/polymer#849 and c0b7090. Calling updateBar manually is no longer required when used in containers that use the CoreResizer mixin.

[richiksc]

@kevinpschaaf Great! No need to call updateBar manually any more.