mdSwitch: when focused and without a label, displays a black dot

[PaulMougel]

This happens on Chrome, Safari and Firefox, on v0.6.1-master-fcb9b2c.

In this example, the first slider has a label and behaves well. The second doesn't have a label, but when focused a black dot is displayed…

Plunker here, code below:

<md-switch ng-model="switched" aria-label="Awesome Switch" ng-model="switched">Yo</md-switch>
<md-switch ng-model="switched" aria-label="Awesome Switch" ng-model="switched"></md-switch>

You can also manually trigger this artifact by selecting the :focus style in devtools:

[ajoslin]

Fixed for switch and checkbox. Thanks @PaulMougel!

[ilanbiala]

@ajoslin with 0.7.0 I still have the dot show up after I click. Clicking on something else (moving focus) removes the dot.

[ilanbiala]

@ajoslin @ThomasBurleson 0.7.1 still has this issue with the checkbox.

[ilanbiala]

@ajoslin @ThomasBurleson still present with 0.8.2 when md-checkbox is in an md-tile-left.