bug(option): mat-options with long text lack of gap since v15

[Mikastark]

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

Before v15, mat-options with long text were truncated so their height was always 48px and naturally, a gap was there to well separate each option.

Now the text is no more truncated but a min-height of 48px is applied. If the text of a mat-option take only one line the gap remains and there is no problem. But with 2 lines of more, the gap is no more and reading becomes more difficult

Reproduction

https://stackblitz.com/edit/angular-hjwez5?file=src/styles.scss

Expected Behavior

.mat-mdc-option {
  padding-top: 12px;
  padding-bottom: 12px;
  box-sizing: border-box;
}

Actual Behavior

Environment

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

[natechiarello]

mat-optgroup will probably need the same change within the same component. It can do with some padding top and bottom.