skills/angular__angular
1
0
Fork 0
mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(button-toggle): webkit tap highlight conflicting with ripples (#13721)

Browse Source 
Due to the fact that the `<mat-button-toggle-group>` 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.
This commit is contained in:
Paul Gschwendtner
2018-10-23 18:15:39 +02:00
committed by mmalerba
parent 0e8ef603bb
commit efe53a0999
1 changed files with 0 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/button-toggle/button-toggle.scss
-1
View File
@@ -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;