Skip to main content

Why doesn't fixed height work for Text elements in my native mobile app?

Explains why Text elements in native mobile apps don't respect fixed height settings when content overflows, and how to work around it.

Written by Sofia Maconi
Updated over a week ago

When you set a fixed height on a Text element in the native mobile app editor and the text content overflows that height, the element expands to fit the content instead of truncating it. This is different from web apps, where text is automatically truncated at the fixed height. The truncation behavior used in web apps relies on a plugin that isn't yet supported in native mobile.

What you might notice

  • Text elements ignore the fixed height setting when the content is too long

  • The same setup in a web app truncates the text as expected

  • In the editor, the text may appear truncated — but when you preview the app, it expands beyond the fixed height

    • In the editor, the impacted text elements may appear truncated like this:

    • Meanwhile, when previewing the app, the text appears like this:

Workaround

Set a max height of 100% on the Text element instead of a fixed height. This prevents the text from overflowing past its container while keeping the layout intact.

Status

We're aware of this limitation in native mobile apps. A fix will require careful planning to avoid introducing breaking changes, so it doesn't have a set timeline yet — but it's on our radar.

Did this answer your question?