search

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.5k stars 260 forks source link

ui5-textarea growing UX issue #9584

Open ash-uncover opened 1 month ago

ash-uncover commented 1 month ago

Bug Description

The growing occurs with some delay when typing text, resulting in a poor UX. The new line is created initially with a scrollbar but after some additional text is typed the scrollbar disappear and the text is rearranged in the textarea.

This problem is observable in both 1.24.7 and 2.0.1

image

image

Affected Component

ui5-textarea

Expected Behaviour

The growing of the text area should occur immediatly when the users types to preserve a good UX.

Isolated Example

https://stackblitz.com/edit/js-hjmio5?file=index.js,package.json,index.html

Steps to Reproduce

  1. open sample
  2. type some text to trigger growing

Log Output, Stack Trace or Screenshots

No response

Priority

Medium

UI5 Web Components Version

1.24.7 ; 2.0.1

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

SAP SPBA

Declaration

ivoplashkov commented 1 month ago

Hello colleagues,

Issue is reproduced as decribed by the reporter.

The mirror div seems to have 2 px difference in width and height compared to the textarea, but I am not sure if this is causing the scrolling behaviour. Could you please have a look?

Best regards, Ivaylo