md-autofocus and autofocus do not work with md-select
md-autofocus is intended to allow container components to identify a specific child element to have focus. Select should not be considered a 'container' component and thus cannot define an initial focus child element.
Well, I need a way to focus the first form element of my form. My first element is a select dropdown.
What do you suggest that I should do to have that select focus after page load?
I second @rvarbanov on the question - how do you focus on the select after a page load?
+1
on v1.1.1 and Chrome 53
I am able to set a default focus on a md-select with autofocus and it works. But the md-select is a required field inside a md-sidenav. When the md-sidenav is eventually open, the md-select is in the warning state, and you can notice its color is changing while the md-sidenav is sliding in. Also, I think adding autofocus in this way would make the md-sidenav slide more distance, which looks weird.
It is still not working.
I have a similar issue with autofocus - In my case I do not need to autofocus on the md-select itself but want the search input inside md-select to be autofocused when it's open - Similar to how Select2 works. Currently have tried both, autofocus and md-autofocus, on the search input but neither worked. Also, this is bad behavior for when navigating through the page with the keyboard as it renders the search input useless (without the click of the mouse).
Angular Materia v1.1.1
AngularJS v1.5.6
Solutions? Workaround? Anything... ??