{"action":"opened","issue":{"url":"https://api.github.com/repos/angular/material/issues/7254","repository_url":"https://api.github.com/repos/angular/material","labels_url":"https://api.github.com/repos/angular/material/issues/7254/labels{/name}","comments_url":"https://api.github.com/repos/angular/material/issues/7254/comments","events_url":"https://api.github.com/repos/angular/material/issues/7254/events","html_url":"https://github.com/angular/material/issues/7254","id":135844768,"number":7254,"title":"md-select missing md-input-focused class on its md-input-container when field is focused","user":{"login":"mpiasta-ca","id":672103,"avatar_url":"https://avatars.githubusercontent.com/u/672103?v=3","gravatar_id":"","url":"https://api.github.com/users/mpiasta-ca","html_url":"https://github.com/mpiasta-ca","followers_url":"https://api.github.com/users/mpiasta-ca/followers","following_url":"https://api.github.com/users/mpiasta-ca/following{/other_user}","gists_url":"https://api.github.com/users/mpiasta-ca/gists{/gist_id}","starred_url":"https://api.github.com/users/mpiasta-ca/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mpiasta-ca/subscriptions","organizations_url":"https://api.github.com/users/mpiasta-ca/orgs","repos_url":"https://api.github.com/users/mpiasta-ca/repos","events_url":"https://api.github.com/users/mpiasta-ca/events{/privacy}","received_events_url":"https://api.github.com/users/mpiasta-ca/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-02-23T19:47:17Z","updated_at":"2016-02-23T19:47:17Z","closed_at":null,"body":"If you have a form with `<md-input>` and `<md-select>` fields, as you tab through the fields, the `<md-input-container>` parent is supposed to be updated with an \"md-input-focused\" class.\r\n\r\nHowever, when the user has tabbed onto an `<md-select>` field with no value selected yet, the `md-input-focused` class does not get set. \r\n\r\nOnly after the user selects a value, then if you tab back-and-forth between that `<md-select>` field, will you see the `md-input-focused` class begin to be set.\r\n\r\n### Reproduce bug:\r\n1. Go to: https://material.angularjs.org/latest/demo/select\r\n2. In the \"Basic Usage\" block, inspect the \"Street name\" field using \"Google Chrome Developer Tools\" (F12). You should be able to see the `<md-input-container>` parent element for this field, as well as for the two neighboring fields.\r\n3. Now focus your cursor into the \"Street name\" field. You should see it's parent container updated with a class \"md-input-focused\".\r\n4. Now tab into the \"City\" field. You will see the \"md-input-focused\" class removed from the \"Street name\" parent element, and now it will be on the \"City\" parent element.\r\n5. Now tab again, you should now be focused on the \"State\" `<md-select>` field.  You will see the \"md-input-focused\" class removed from the \"City\" parent element, and now it SHOULD be on the \"State\" parent element. BUT, notice that the parent DOES NOT show an \"md-input-focused\" class.\r\n"}}