Skip to main content

Why does right-to-left text revert to left-to-right after a condition changes?

When a condition changes an element's properties, Bubble redraws the element and enforces its default left-aligned text setting, overriding the RTL direction applied at the app level.

Written by Sofia Maconi

When your app uses right-to-left (RTL) text and a condition changes an element's properties, Bubble redraws the element and enforces its default left-aligned text setting. This overrides the RTL direction applied at the app level, causing the text to display left-to-right.

What you might notice

  • Text that was displaying right-to-left switches to left-to-right after a condition fires

  • This happens when operators or transformations are applied to RTL text elements

  • The issue doesn't appear on initial page load — only after a conditional redraw

Workaround

Explicitly set the text alignment to "right" directly on any text elements you want to stay right-aligned. When the alignment is set at the element level rather than inherited from the app's language setting, it's preserved after a conditional redraw.

Did this answer your question?