Automatically resize text areas (+ text fields that can be multi-line)

[nikku]

Is your feature request related to a problem? Please describe

As a user I'm often editing text that may be multi-line (or single line).

I'm struggling to use the properties panel as the text input controls don't work intuitive for me:

• Text areas are not sized by content but instead fixed to three lines. This is too much for no content, but not enough for any reasonable amount of text
• Text fields (i.e. Name) can sometimes be multi-line. I'd expect them to be single line per default but expand sensibly on multi-line inputs.

Describe the solution you'd like

Support for automatic resizing of all text areas that are not by definition "single line":

• Single line text fields can resize to multi-line fields
• Text areas can resize (expand) up to a maximum size
• Intially text area and single line fields render based on the content (up to a certain constraint).

I want these changes to be applied consistently so our users get to enjoy a uniform UX.

Describe alternatives you've considered

None.

Additional context

I believe we did have a better UX around multi-line fields in [email protected].

Related to bpmn-io/properties-panel#25

---

The following shows my usual flow of "editing" multi-line text:

[nikku]

Moving to ready to see (review) how far we are off from consistently fixing this. We invested in the past.

[jarekdanielak]

The problem here seems to be that the text area you are using for demonstration doesn't have autoResize property set to true.

Is this still relevant? Can you suggest which fields should have autoResize turned on?

[barmac]

Perhaps we want to autoresize all text areas? Make it the new default.

[nikku]

We want indeed to auto-resize all text areas (that are not by definition "single line"). This ensures a uniform UX across the whole properties panel. Cf. also camunda/camunda-modeler#4429 (comment).

[jarekdanielak]

Fixed upstream in bpmn-io/[email protected]