bug(Text field): cdkAutosizeMinRows and cdkAutosizeMaxRows not working

[CyrilGC]

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.2.7

Description

cdkAutosizeMinRows and cdkAutosizeMaxRows are not working properly.

Reproduction

Steps to reproduce:

1. Go to https://material.angular.io/cdk/text-field/examples
2. In the "Auto-resizing textarea" example, type a few lines

Expected Behavior

In the example, it should grow to 5 lines. I tested the example on stackblitz and changed the min/max values and the size doesn't respect those.

Actual Behavior

In the example, after the 3rd one, the textarea stopped growing.
In stackblitz, there didn't seem to be any logic based on the value I was entering. There seems to be a hard stop at 6 lines, and it looks like it is 2 lines off (max of 5 shows 3 lines, max of6 shows 4 lines, ...).

Environment

• Angular: 15.0.0
• CDK/Material: 15.0.2
• Browser(s): Chrome Version 108.0.5359.98 (Official Build) (64-bit)
• Operating System (e.g. Windows, macOS, Ubuntu): Windows 10

[rojasjandro89]

Still an issue one year later. I'm surprised no one else has reported this 🤔

[jannispl]

Also affected by this issue.

[michael-lang]

Still broken in Angular CDK 17

[dgruszcz]

Looks like the problem is with the font: inherit style which is now applied to textarea too late. Previously it was defined in global styles and now it was moved to component styles which looks like are applied just after the ngAfterViewInit hook is run (where the line height is determined). Simple fix for that is to apply this globally. For example:

.mat-mdc-input-element {
   font: inherit;
}

[xylplm]

I have encountered the same issue and hope to fix it as soon as possible

[luismtapiab]

This is still happening in angular 19 (angular/material 19.2.14)
Before coming here I applied this ugly workaround:

textarea {
  max-height: unset !important;
}

@dgruszcz solution works. I switched to it.

[patrickdejong]

It's funny that it's even broken on the https://material.angular.dev/cdk/text-field/overview page... Affected and disappointed