How Can I Implement Strikethrough Formatting in Bubble's Native Mobile Apps?
Strikethrough formatting is a common text styling feature, but it is not natively supported in Bubble's mobile apps when applied using BBCode. This article explains why this limitation exists and provides practical workarounds to achieve a strikethrough effect in Bubble's native mobile environment.
Why Doesn’t Strikethrough Formatting Work in Bubble’s Native Mobile Apps?
Strikethrough applied via BBCode (e.g., [s]...[/s]) is not supported by Bubble’s native mobile text rendering. As a result, strikethrough formatting will not appear in BubbleGo, TestFlight/internal builds, or published native apps. However, the same BBCode works on the web version of Bubble. This limitation is specific to the native mobile environment.
General Guidelines for Creating Strikethrough Effects
Since BBCode is not supported, you can use visual or style-based workarounds to create a strikethrough effect.
Overlay a Line
Place the Text element inside a parent Group or container set to "Align to parent."
Add a thin horizontal Shape (1–2 px height, 100% width) in the same container.
Center the Shape vertically over the Text and match its color to the text.
Control the Shape’s visibility using a condition for when you want the strikethrough to show (e.g., discounted = yes).