SAP Builders Discussions
Join the discussion -- ask questions and discuss how you and fellow SAP Builders are using SAP Build, SAP Build Apps, SAP Build Process Automation, and SAP Build Work Zone.
cancel
Showing results for 
Search instead for 
Did you mean: 

Possible Bug in SAP Build Input Box Resizing

LaurenB
Newcomer
0 Kudos
227

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?

1 REPLY 1

Sankara1
Product and Topic Expert
Product and Topic Expert
0 Kudos
94

Hi lauren, Thanks for reaching out to us,  if the following is what you want to achieve:

Sankara1_0-1725454225078.png

 

,

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.