From efe53a099967109c54188bdb44f06d961545ea4b Mon Sep 17 00:00:00 2001 From: Paul Gschwendtner Date: Tue, 23 Oct 2018 18:15:39 +0200 Subject: [PATCH] fix(button-toggle): webkit tap highlight conflicting with ripples (#13721) Due to the fact that the `` still has `cursor: pointer`, the webkit tap highlight overlay will show up on touch devices. This causes a bad UX because the overlay covers the whole group while only an individual option has been touched. Additionally a ripple already shows up and now conflicts with the tap highlight overlay. --- src/lib/button-toggle/button-toggle.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/src/lib/button-toggle/button-toggle.scss b/src/lib/button-toggle/button-toggle.scss index bc141a35850..155cac769d8 100644 --- a/src/lib/button-toggle/button-toggle.scss +++ b/src/lib/button-toggle/button-toggle.scss @@ -15,7 +15,6 @@ $mat-button-toggle-legacy-border-radius: 2px !default; position: relative; display: inline-flex; flex-direction: row; - cursor: pointer; white-space: nowrap; overflow: hidden; border-radius: $mat-button-toggle-legacy-border-radius;