Power Apps Tip: Dynamically Adjust Text Input Height Based on Content

Introduction

While working in Microsoft Power Apps, I noticed one small but annoying thing - Text Input boxes don’t adjust their height automatically.

If the user types more text, they have to scroll inside the box. And if the box is too big, it just looks odd when there’s only a little text.

So instead of keeping it fixed, we can make the height automatically based on the text. Power Apps doesn’t give this feature directly, but there’s a simple trick to achieve it.

How This Works

The idea is very simple.

Text Input doesn’t support auto height, but Label control does. So we will use a label in the background to calculate the height and apply that height to the Text Input.

Steps

Step 1: Add a Text Input Control

Add a Text Input control to your screen
Set the Width as per your requirement
For this example, set: Width = 350

Step 2: Add a Label Control

Add a Label control
Make sure Auto Height = true
Set the Width same as Text Input (350)

Step 3: Bind Label with Text Input

Set the Label Text Property: TextInput1.Text
Replace TextInput1 with your actual Text Input control name

TextInput1.Text

Step 4: Set Text Input Height

Select your Text Input
Set Height property: Label1.Height
Replace Label1 with your actual label control name

Label1.Height

Most Important Thing to Consider

Make sure Text Input width is exactly same as Label width
Also keep Font size, Font type, and Padding same for both Label and Text Input

Result

Make sure after your testing, set Label Property Visible = false

Conclusion

This is a simple trick, but it makes a huge difference in your app. Your Text Input will adjust automatically as users type, so they don’t have to scroll inside the box.