Text disappears when max height


i want the text to end in “…” on the first line, but when i set a max height on the text element - read on forum thats fix - to get this, the text disappears

help please

Hi @cvnfortnite :wave:

The reason of this is because Bubble cuts your text by words. Not by letters.
So I imagine that the text that is missing is a single word (no spaces between letters).

What you can do to manage this is to create a condition in your element to change it’s text according to the size of the parent element.

When Page Width < 400 then
Text = your_long_text_with_no_space:truncated to 10 …

its the whole text element that goes missing, not 1 word

Yes, because the whole text element have a giant word.

What is the text that is missing? Can you share?


I have used conditions to try to truncate it if its above 25 characters + add “…”, but for some reason doesnt work for all of them? If they are way above 25 characters i think

1 Like

This is ODD…

Try to truncate they to 10 characters if they have more then 10.
Just to see what happens


uhm kinda works now? im confused. included condition
**

My guess is that the Tittle:truncated to 25 + “…” was still bigger then the needed space, what is why I suggested you to try with :truncated to 10. :wink:

ended up with truncated to 20, seems to be good, thank you :smiley:

1 Like