mat-select doesn't change appearance when focused with keyboard

[mertdeg2]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

mat-select is highlighted when user tabs into the component

What is the current behavior?

mat-select doesn't change its appearance when focused with keyboard

What are the steps to reproduce?

Press "Tab" key until the keyboard focus is on mat-slide-toggle

Btw. default plunkr template for creating bugs seem to be not working: https://goo.gl/DlHd6U

[kara]

@mertdeg2 I'm seeing the correct focus styles when tabbing on the docs site:

https://material.angular.io/components/component/select

To clarify, what do you expect to see? Can you provide an example plunker? You can use this as a base: http://plnkr.co/edit/8RC3ivWBVoJW8aETc2bL?p=preview

[kara]

Or are you talking about #3743 ?

[jelbourn]

Closing this since it's marked as "Cannot reproduce" and possibly was fixed as part of #3743

[thornblom]

@kara I have the same problmen, and not seeing the correct focus styles on docs site. I can navigare and select correct mat-option with UP/DOWN key, but I can't see what is focus due to no appearance change.

No highlighting / background color change

[pbiradar0]

hello,

I'm also facing the same issue, here is the scenario,

We want to focus select element using the tab option, I tried below things but didn't work,

HTML:

{{ 'UserSettings_Lable_Selectlanguage' | optTranslate }}

TS:

@ViewChild('ddlLanguage') public ddlLanguage: MatSelect;
onInit(){

this.ddlLanguage.focus(); //Also tried with https://stackoverflow.com/questions/54593925/how-to-set-auto-focus-in-mat-select

}

Thank you in advance

[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.}