select(select-header): support focusing of an element within the header on popup open

[mckenzielong]

Actual Behavior:

• What is the issue? * More of a feature request, but mdSelectHeader + input does not support select on focus.
• What is the expected behavior? md-select-on-focus will focus the input when the select menu is opened.

CodePen (or steps to reproduce the issue): *

• CodePen Demo which shows your issue: http://codepen.io/mckenzielong/pen/GqGkZJ
• Details: See the first input which demonstrates the desired outcome (please excuse the shoddy implementation.) The second select menu is the current behaviour with md-select-on-focus.

Angular Versions: *

• Angular Version: 1.5.7
• Angular Material Version: 1.1.0rc5

Additional Information:

• Browser Type: * Chrome /Opera
• Browser Version: * Chrome 51/ Opera 36
• OS: * Windows 7 64bit
• Stack Traces: N/A

---

Shortcut to create a new CodePen Demo.
Note: * indicates required information. Without this information, your issue may be auto-closed.

Do not modify the titles or questions. Simply add your responses to the ends of the questions.
Add more lines if needed.

Edit: md-input-container support / integration would be a real nice to have too.

[viktarkorshun]

+1

[buzybee83]

+1
Maybe add ability for getting back into focus once focused has moved to the list would be a good feat

[AbijeetP]

We need this too.

[Splaktar]

#9669 (comment) has a demo of this that make things a bit more accessible.