mat-stretch-tabs not working

Bug, feature request, or proposal:

mat-stretch-tabs has no effect

Desktop mode

“Mobile” mode (with or without mat-stretch-tabs)

What are the steps to reproduce?

<md-tab-group mat-stretch-tabs>
        <md-tab label="Infos"></md-tab>
        <md-tab label="Paiement"></md-tab>
        <md-tab label="Webradio"></md-tab>
</md-tab-group>

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular 4.2.3 Material 2.0.0-beta.7 All browser

Try to alter directly min-width in css but has no effect too. Help please this going me crazy 😕

[vesrah]

I agree that disabling ViewEncapsulation is a terrible idea. If you want to fill the tab bar area and evenly distribute the tabs then this should work:

/deep/ .mat-tab-list {
  .mat-tab-label {
    flex-basis: 0;
    flex-grow: 1
  }

[codegastudio]

Ok so i found this solution

.mat-tab-list {
  div[role^='tab'] {
    min-width: 72px;
  }
}