From 136a4fdaf3810c1e2e3bc31d22a61b977bc98222 Mon Sep 17 00:00:00 2001
From: Paul Gschwendtner <paulgschwendtner@gmail.com>
Date: Tue, 29 Aug 2017 19:04:31 +0200
Subject: [PATCH] fix(button-toggle): border radius ignored if option is
 selected

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 {