Skip to content

[ui5-textarea]: style regression with growing attribute in High Contrast theme #13377

@zhangliangyi

Description

@zhangliangyi

Bug Description

When the growing attribute is set on ui5-textarea, the visible input area is incorrectly compressed in High Contrast themes. The rendered height of the textarea's content region appears smaller than expected — the available typing space is visually reduced, likely due to theme-specific CSS custom properties (e.g., border width, padding, or box-sizing overrides) conflicting with the internal height calculation used by the growing resize logic.

Affected Component

ui5-textarea (@ui5/webcomponents)

Expected Behaviour

The behavior should be consistent with what in normal themes.

Isolated Example

No response

Steps to Reproduce

  1. Go to https://ui5.github.io/webcomponents/components/TextArea/
  2. Switch theme to Horizon High Contrast Black
  3. Edit the html in main sample as following
<ui5-textarea placeholder="Type message..." growing growing-max-rows="6"></ui5-textarea>
  1. Type multiple lines in the textarea
  2. Observe the visible space of the textarea

Log Output, Stack Trace or Screenshots

Image

Priority

High

UI5 Web Components Version

2.17.1 - 2.21.0

Browser

Edge

Operating System

No response

Additional Context

We have received 2 customer incidents about this issue, please triage and fix this issue asap.

Organization

SF

Declaration

  • I’m not disclosing any internal or sensitive information.

Metadata

Metadata

Assignees

Type

Projects

Status

In progress

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions