From 82e14f8b71edba1abb50bde21fe77e977b142614 Mon Sep 17 00:00:00 2001
From: Paul Gschwendtner <paulgschwendtner@gmail.com>
Date: Fri, 1 Sep 2017 16:53:49 +0200
Subject: [PATCH] fix(button-toggle): border radius ignored if option is
 selected (#6699)

As per Material Design specifications, the button-toggle group should always have a border radius.

This behavior has been implemented in the `md-button-toggle-group` component, but does not work properly if an option is selected or disabled. This happens because selected and disabled button-toggles receives a background color, which overflows the clipped button-toggle-group.

Fixes #6689
---
 src/lib/button-toggle/button-toggle.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/lib/button-toggle/button-toggle.scss b/src/lib/button-toggle/button-toggle.scss
index 0ce0a4f18ee8..d77f94181edc 100644
--- a/src/lib/button-toggle/button-toggle.scss
+++ b/src/lib/button-toggle/button-toggle.scss
@@ -18,6 +18,7 @@ $mat-button-toggle-border-radius: 2px !default;
 
   cursor: pointer;
   white-space: nowrap;
+  overflow: hidden;
 }
 
 .mat-button-toggle-vertical {