ui-kit icon indicating copy to clipboard operation
ui-kit copied to clipboard

MultilineTextField component behaves a bit unexpectedly

Open mmaltsev-ct opened this issue 3 years ago • 1 comments

Is your feature request related to a problem? Please describe. The MultilineTextField component behaves a bit unexpectedly in some cases. For instance:

  • buttons "Collapse" / "Expand" are always visible, even if there is no text and nothing to "Collapse"
  • resizing of textarea doesn't do much for the UX, since after clicking Enter, it shrinks back to the height of content
  • in addition, if a textarea is resized, in the "Collapsed" state, "Expanding" it actually makes the textarea smaller, which can be a bit confusing.

Please have a look at the showcase attached below for more insights. It was captured in the configuration form of the Custom Application.

https://user-images.githubusercontent.com/89984934/170121823-f9c82924-ed3e-4008-8dee-c4817bcfa811.mov

Describe the solution you'd like I'd like to suggest adding more simpler textarea components. For instance, the one with configurable lines (height) and a scrollbar.

Additional context We need to take a look at how this component is used throughout the MC and see what are actual use cases, to provide fitting solutions.

mmaltsev-ct avatar May 24 '22 20:05 mmaltsev-ct

Here is the link to the MultilineTextField component story: https://uikit.commercetools.com/?path=/story/components-fields--multilinetextfield

mmaltsev-ct avatar May 24 '22 20:05 mmaltsev-ct