html - Paper-Tabs selection bar not showing -


i have put paper-tabs element inside paper-scroll-header panel

but, selection bar doesn't seem work properly. doesn't show default when i

  1. navigate other page , home or

  2. change dimensions of chrome window

the selection bar comes back

i've looked solution , found updatebar() function inside definition of paper-tabs has called when need refresh view.

even so, unable fire function page-layout element

please me out...

<dom-module id="page-layout">      <link rel="stylesheet" href="styles.css">      <link rel="import" href="imports.html">      <link rel="import" href="page-content.html">      <template>          <paper-scroll-header-panel condenses keepcondensedheader>             <paper-toolbar class="tall">                 <span class="flex"></span>                 <paper-icon-button icon="refresh"                      onclick='location.reload()'>                 </paper-icon-button>                 <paper-icon-button icon="search"></paper-icon-button>                 <div class="middle titlehead" >tmess</div>                 <span class="flex bottom"></span>                 <!--navigation-->                 <paper-tabs id="tabs" class="bottom"                              selected="0" noink nobar>                      <paper-tab>                         <iron-icon icon="home" class="tabs"></iron-icon>                         <span class="tabtext">home</span>                     </paper-tab>                     <paper-tab>                         <iron-icon icon="event" class="tabs"></iron-icon>                         <span class="tabtext">events</span>                     </paper-tab>                     <paper-tab>                         <iron-icon icon="drafts" class="tabs"></iron-icon>                         <span class="tabtext">suggest</span>                     </paper-tab>                     <paper-tab>                         <iron-icon icon="account-box" class="tabs">                         </iron-icon>                         <span class="tabtext">about us</span>                    </paper-tab>                              </paper-tabs>             </paper-toolbar>             <div class="content">                 <page-content size="100"></page-content>             </div>         </paper-scroll-header-panel>      </template> </dom-module> <script>   polymer({       is: 'page-layout'   }); </script> <script>     window.onload = function(){         setnavigation();      };     function setnavigation(){         var tabs = document.queryselector('#tabs');         var content = document.getelementsbytagname('page-content')[0];         var pages = content.getelementsbytagname('iron-pages')[0];         tabs.addeventlistener('iron-select', function(){             pages.selected = tabs.selected;         });     } </script> 

i have hack may you: tabs._onresize(); shows selection bar in polymer 1.1 not consider practice, should file bug in repository.


Comments

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

php - .htaccess mod_rewrite for dynamic url which has domain names -

Website Login Issue developed in magento -