SAP / ui5-webcomponents

UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.
https://sap.github.io/ui5-webcomponents/
Apache License 2.0
1.57k stars 270 forks source link

[TextArea]: Wrapping issue #9841

Open JWandrocke opened 2 months ago

JWandrocke commented 2 months ago

Describe the bug

Using TextArea with growing=true and row=2

After text wraps to second line and type a in few character a third row appears

Isolated Example

No response

Reproduction steps

Using the https://sap.github.io/ui5-webcomponents-react/v2/?path=/docs/inputs-textarea--docs you can see the following

image

Add a some text and see blank row added.

image

Expected Behaviour

Expected only two lines until text wraps again

Screenshots or Videos

No response

UI5 Web Components for React Version

latest

UI5 Web Components Version

latest

Browser

Chrome

Operating System

No response

Additional Context

No response

Relevant log output

No response

Organization

No response

Declaration

MarcusNotheis commented 2 months ago

Thanks for reporting! I'll forward this issue to our UI5 Web Components Colleagues as the affected component is developed in their repository.

didip1000 commented 2 months ago

Hello @SAP/ui5-webcomponents-topic-rl,

In the documentation for the rows property, the description says If the growing property is enabled, this property defines the **minimum** rows to be displayed in the textarea. To me this means that there can be more rows visible, but it's confusing that it directly contradicts the property definition (Defines the number of visible text rows for the component).

Can you please confirm if the property is supposed to behave like this?

Thank you, Diana P.

MichaelBiermann commented 1 month ago

Input box of Joule can look really weird.

overflow of Joule input box