Why Is My Text Cut Off?

Text getting clipped or truncated? Here's how to fix it.

Cause 1: Text Box Too Small

Problem: The text layer's bounding box is smaller than the text content.

Fix:

• In Editor: Drag the text box handles to expand
• Via API: Use width and height properties

{
  "layers": {
    "title": {
      "text": "This is a very long title that might get cut off",
      "width": 800,
      "height": 200
    }
  }
}

Cause 2: Autofit Not Enabled

Problem: Text doesn't shrink to fit.

Fix: Enable autofit to automatically scale text:

{
  "layers": {
    "title": {
      "text": "Long text content",
      "autofit": "width"
    }
  }
}

Options:

• "width" — Shrink to fit width
• "height" — Shrink to fit height

Cause 3: Font Size Too Large

Problem: Fixed font size exceeds box.

Fix:

• Reduce font_size
• Or enable autofit

{
  "layers": {
    "title": {
      "font_size": "24px"  // Smaller size
    }
  }
}

Cause 4: Padding/Margins

Problem: Internal padding reduces available space.

Fix:

• Check padding_x and padding_y values
• Reduce padding or increase box size

Cause 5: Line Height Issues

Problem: Lines overlap or get clipped vertically.

Fix:

• Adjust line_height property
• Increase text box height

Best Practices

1. Always enable autofit for dynamic text
2. Design with max content in mind
3. Test with longest expected values
4. Leave buffer space in text boxes

Updated on: 11/01/2026