html – Paper-tabs width to fit content


Polymer version: 1.1.0


<body class="fullbleed vertical layout">
        <div class="title">CodeStock</div>
            <paper-tab>Почему мы?</paper-tab>
            <paper-tab>Еще текст</paper-tab>
            <paper-tab>Длинный текст!!!</paper-tab>

What happens:

IE / Edge doesn't display radio buttons at all since no paper-tabs or paper-tab widths are specified. Chrome / Firefox / Safari displays and everything works, but the size of the radio button is fixed (default 100×50).

What I want to achieve:

The width of the paper-tab must match the width of the text inside + small padding. That is, the width of the paper-tab labeled 'Long text !!!' should be larger than the paper-tab labeled Контакты . In this case, it is necessary that it would be displayed correctly in all browsers.


How do I force the paper-tab be NOT a fixed size? So that the width of the paper-tab is equal to the width of the text inside it.


Scrollable : If true, tabs are scrollable and the tab width is based on the label width.
Found it here:

Scroll to Top