I have a Canvas screen with a Datacard that contains 2 forms and each of the form has an additional data card. The final data card on the forms each have an text input field that needs to have its height automatically resize based on the text the user has/and is inputting. The 2 forms are not resizing automatically. When running the application the forms display a scrollbar which is not desired.
I can get the text input to resize based on the text the user has/is inputting based on this workaround: https://powerusers.microsoft.com/t5/Videos/TextInput-Configuring-Auto-Height/td-p/101160
When making modifications to the application (in development mode) I can manually enter a formulas for the height of the form and datacards and the scroll bar disappears. However, if I run the application, the scroll bar re-appears even though the formula worked when editing the application.
Has anyone encountered anything like this before or have any suggestions that would work when running the application as an end-user?
How the form looks when editing the form:
This is the formula for the height of the DataCards that contain the text input is:
Max(150, txt_Comments.Height + dc_CommentTitle.Height + 20)
This is the formula for the height of the forms is:
Max(150, dc_Comments.Height + 20)
When running the application in Preview or Live this is how the form looks (the scrollbar is not desired on the forms - highlighted in yellow):
