bug(MatSelect): Mat select not able to handle long text in the dropdown correctly

[mrjihai]

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

Used to work in version 13

Description

The mat select not able to handle long text in the dropdown correctly in Angular 17.

Reproduction

StackBlitz link:
Steps to reproduce:

1. Set a long text value in mat-option
   2.Click the select and check the value in dropdown

Expected Behavior

Actual Behavior

Environment

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

[wagnermaciel]

I think this might be able to be improved so someone should look into this, but I don't think the correct answer is to expand the menu to be larger than the input. That would probably be a divergence from material design. The more correct approach would probably be to just increase the width of the form field

[msmallest]

I encountered this sometime between going from a pre-mdc version to v16 using the legacy imports. The width of the form field was constrained in this scenario, and there was edge cases where the option could be quite long. The fix on my end was adding wrapping tooltips to the options. That said, I would vouch for this to be something to be considered if possible.