Outer md-button-toggle within md-button-toggle-group do not have round corners when selected or disabled

[MA-Maddin]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Proper styling (round corners) of md-button-toggle within md-button-toggle-group

What is the current behavior?

Outer buttons do not have round corners when selected or disabled

What are the steps to reproduce?

https://material.angular.io/components/button-toggle/examples

What is the use-case or motivation for changing an existing behavior?

Comply with Material Design specs

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

Material 2.0.0-beta.8
Google Chrome Version 60.0.3112.113 (Offizieller Build) (64-Bit)
Firefox 55.0.3 (64-Bit)

Is there anything else we should know?

This fixes the styling:

.mat-button-toggle:first-child.mat-button-toggle-checked, .mat-button-toggle:first-child.mat-button-toggle-disabled {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
}
.mat-button-toggle:last-child.mat-button-toggle-checked, .mat-button-toggle:last-child.mat-button-toggle-disabled {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
}

[devversion]

Where is that picture from? When looking at the Material Design specs the button-toggle is described differently.

[MA-Maddin]

I made this screenshot from the docs example page https://material.angular.io/components/button-toggle/examples . I just set a dark background color to highlight the issue.

But what is different in my expected behavior to MD specs?

Found a better fix for that issue:

.mat-button-toggle-group {
    overflow: hidden;
}

[devversion]

@MA-Maddin Nothing, you're right. Your initial screenshot just looked like a screenshot from the specs to me.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}