Skip to content

Bug - TextArea - autoResize calculate wrong in PF6 #11921

@evwilkin

Description

@evwilkin

Describe the problem
Using the autoResize prop in the TextArea component under-calculates the height, which is especially noticeable with just 1 row height as it clips the bottom of the text as reported by AAP:

Image

This was not an issue in PF5 where all the padding lived on the <textarea> element, but was introduced in PF6 when padding was added to the wrapper <span> and the calculated height was not updated to factor this in.

How do you reproduce the problem?
Visit the Auto Resizing example and toggle the autoResize prop, see the height of the TextArea change.

Expected behavior
The TextArea height should be consistent based on the number of rows shown whether or not it has autoResize.

Is this issue blocking you?
This is a bug that Ansible needs resolved for their planned PF6 release in Q3: https://issues.redhat.com/browse/AAP-47692

Screenshots
If applicable, add screenshots to help explain the issue.

What is your product and what release date are you targeting?
Ansible - September

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    Projects

    Status

    Needs triage

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions