We're moving away from positioning the dropdown on top of the select. You can try our new select based on top of MDC's styles. The API and behavior is exactly the same since it shares the same base class as the current select, but the CSS will be slightly different and the dropdown is only positioned above/below. You can try it by importing `MatSelectModule` from `@angular/material-experimental/mdc-select` instead of `@angular/material/select`.

Hello,

Any update on when the corrections to the mat-select dropdown positioning might be ready for production? I have a few teams holding off on updating from Angular Material 11 for this reason alone.

Thank you! Jeremy

We’re moving away from positioning the dropdown on top of the select. You can try our new select based on top of MDC’s styles. The API and behavior is exactly the same since it shares the same base class as the current select, but the CSS will be slightly different and the dropdown is only positioned above/below. You can try it by importing MatSelectModule from @angular/material-experimental/mdc-select instead of @angular/material/select.

_Originally posted by @crisbeto in https://github.com/angular/components/issues/23625#issuecomment-931448386_

[crisbeto]

You can install this instead which brings in all of the MDC code. https://www.npmjs.com/package/material-components-web

Also note that you’ll have to include the theme for the MDC select. There’s more info here: https://github.com/angular/components/blob/master/src/material-experimental/mdc-select/README.md

[Splaktar]

Please submit Angular Material and CDK questions here and issues here. This repo is for AngularJS Material.

I have transferred this issue to the correct repository for you.