bug(Select): select menu positioning is not correct in the 16.1.0 version

[didemchenko]

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

14

Description

if you set the panel width for example to 500px and place the select component on the right side, the menu will be misaligned and clipped.
Example below:

Reproduction

StackBlitz link: https://stackblitz.com/edit/8vtplv-ygzegh?embed=1&file=src%2Fexample%2Fselect-custom-trigger-example.ts
Steps to reproduce:

1. add panelWidth prop for the select (<mat-select [panelWidth]="500">)
2. Position the select to the edge of the page
3. Open the select list and see the result

Expected Behavior

Should be positioned correctly

Actual Behavior

The menu extends beyond the screen

Environment

• Angular:
• CDK/Material:
• Browser(s):
• Operating System (e.g. Windows, macOS, Ubuntu):

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