switch: gets stuck in indeterminate state on touch devices

[jamcoupe]

Bug, feature request, or proposal:

When dragging on the md-switch on a touch device the circle will move and then stay in the position where you left it. When you tap on the md-switch it changes colour but the circle stays in the same position, which can be confusing for any user of the switch.

What is the expected behavior?

When dragging on touch devices the circle should snap either to the left or right correctly.

What is the current behavior?

When dragging on touch devices the circle will stick to where the user last left it.

CodePen and steps to reproduce the issue:

CodePen Demo which shows your issue:

Detailed Reproduction Steps:

You can reproduce this on Chrome Desktop using "Toggle device toolbar" in dev tools or on Chrome for Android.

Drag the md-switch circle to a position that is not the start or end, release and the circle will stick to that position.

What is the use-case or motivation for changing an existing behavior?

Which versions of AngularJS, Material, OS, and browsers are affected?

AngularJS 1.5.5
Material 1.1.6 & 1.1.8

Is there anything else we should know? Stack Traces, Screenshots, etc.

[Splaktar]

I can reproduce this as well. I updated the CodePen to use both JS and CSS from 1.1.8 (it was using 1.1.1 CSS).