bug(MatSelect): NVDA announce 'table' when select options opened

[exlnik]

When opening mat-select element NVDA screen reader announce table before announcing the list.

Reproduction

See the official example from material documentation.

Steps to reproduce:

1. Click on the mat-select
2. When the options opened NVDA announce table and then list.

Expected Behavior

table should not be announced.

More details

• This is a new issue. In Material V10 it's Ok. (checked also in the documentation of v10)
• Faced it with NVDA
• Happened in Chrome, not in Firefox.

Environment

• Angular: V11
• CDK/Material: V11
• Browser(s): Chrome
• Screen reader: NVDA

[nirkai]

Form what I can see it cause by the addition of the aria-owns mentioned here and implemented there.

[crisbeto]

I can reproduce it as well. I think that @nirkai is correct, because I get the following structure in the "Accessibility" panel in the dev tools:

The LayoutTable from the screenshot points to .mat-select-trigger. While the element is a div, it has some CSS that is display: inline-table. I wonder whether that's not throwing the browser off?

[nirkai]

@crisbeto it is indeed.
If you remove that style it's gone from the Accessibility panel