2024 Aug 23 8:02 PM
I'm building an app using the community edition of SAP Build / AppGyver, and I'm encountering a problem with the text input box not expanding relative to the amount of text input, unlike other similar containers and text boxes that adjust dynamically.
Example:
As a user, I might input something short like "Like New" under a label like "Condition," which only needs one line of text. However, for a longer input, such as "This item has wear and scratches consistent with heavy use but does not impact the function of the item," the box would ideally need to expand to fit 2-3 lines or more.
Current Behavior:
The current behavior negatively impacts user experience, as it requires me to set a fixed number of lines by specifying the input field height in pixels, as it does not expand to fit the contents. This means either always showing a larger box with potential empty space or forcing users to scroll within a smaller fixed box to review or edit their input.
Troubleshooting:
None of the settings under the Input Field, Style, or even the Input Primitive inside a Container seem to resolve the issue of the input textbox not resizing to fit the content, even with the "Multiline" setting toggled on. I’ve reviewed online tutorials from about a year ago where this functionality worked as expected, so it seems to be a regression affecting elements labeled as "textarea."
Could you please assist me in understanding how to resolve this?
2024 Sep 04 1:50 PM
Hi lauren, Thanks for reaching out to us, if the following is what you want to achieve:
,
then you need to adjust the height of your input field text. To do so, double click on the input field component - the component style editor will open. Click once on the text field below the label and navigate to Layout. Under Width and Height, choose Custom and adjust the text field as you wish.