Support focus method on checkbox and radio inputs

[divyakumarjain]

Bug, feature request, or proposal:

Support focus method on checkbox and radio inputs

What is the expected behavior?

Calling focus method on MdCheckbox and MdRadioButton should change focus to these instance. Also other focusable items in browser should lose the focus.

What is the current behavior?

focus method does not exists on MdCheckbox and MdRadioButton thus get error such as focus is not a function

What are the steps to reproduce?

http://plnkr.co/edit/9RJ5DOuPMK8b3zPeR95J?p=preview

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

Similar to MdInput there should be way to focus on elements. this can be used for focusing to element with validation error

Which versions of Angular, Material, OS, browsers are affected?

Was able to reproduce on both firefox and chrome.

Is there anything else we should know?

[jelbourn]

This also would apply to slide-toggle and button-toggles.

[devversion]

One possible approach could be manually forwarding the dispatched DOM event, instead of creating outputs for the focus and blur manually.

See my draft: 0b062fa

[jelbourn]

@tinayuangao this will apply to checkbox, radio buttons, button-toggle, and slide-toggle.

@devversion this issue is about .focus() method on the component rather than the fired event. We should probably handle that as well, though. File a separate issue?

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}