Skip to content

Commit

Permalink
fix(slide-toggle): remove webkit tap highlight (#12708)
Browse files Browse the repository at this point in the history
* Since the slide-toggle already has the ripples as feedback indicator, the webkit tap highlight can be removed to make the slide-toggle behave more like a native (Android) switch component on touch devices.
  • Loading branch information
devversion authored and jelbourn committed Aug 21, 2018
1 parent 51da6a6 commit ba55d04
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions src/lib/slide-toggle/slide-toggle.scss
Original file line number Diff line number Diff line change
Expand Up @@ -21,14 +21,14 @@ $mat-slide-toggle-bar-track-width: $mat-slide-toggle-bar-width - $mat-slide-togg
max-width: 100%;

line-height: $mat-slide-toggle-height;

white-space: nowrap;
outline: none;

// Disable user selection to ensure that dragging is smooth without grabbing
// some elements accidentally.
@include user-select(none);

outline: none;
-webkit-tap-highlight-color: transparent;

&.mat-checked {
.mat-slide-toggle-thumb-container {
Expand Down

0 comments on commit ba55d04

Please sign in to comment.