# Text disappears when max height

**URL:** <https://forum.bubble.io/t/text-disappears-when-max-height/273294>\
**Category:** Questions\
**Created:** [July 19, 2023, 12:43pm UTC](https://forum.bubble.io/t/text-disappears-when-max-height/273294 "2023-07-19T12:43:09Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![cvnfortnite](https://avatars.discourse-cdn.com/v4/letter/c/67e7ee/32.png) [@cvnfortnite](https://forum.bubble.io/u/cvnfortnite)\
**Post date:** [July 19, 2023, 12:43pm UTC](https://forum.bubble.io/t/text-disappears-when-max-height/273294/1 "2023-07-19T12:43:09Z")

</div>

![Screenshot 2023-07-19 at 14.41.56](https://us1.discourse-cdn.com/bubble/original/3X/c/d/cdaa40e9c756c9b71328f786c27ecdc8ad56ae58.png)  
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

---

<div class="post-metadata">

**Author:** ![rpetribu](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/rpetribu/32/90852_2.png) [@rpetribu](https://forum.bubble.io/u/rpetribu)\
**Post date:** [July 19, 2023, 1:24pm UTC](https://forum.bubble.io/t/text-disappears-when-max-height/273294/2 "2023-07-19T13:24:40Z")

</div>

Hi @cvnfortnite 👋

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 …

---

<div class="post-metadata">

**Author:** ![cvnfortnite](https://avatars.discourse-cdn.com/v4/letter/c/67e7ee/32.png) [@cvnfortnite](https://forum.bubble.io/u/cvnfortnite)\
**Post date:** [July 19, 2023, 2:06pm UTC](https://forum.bubble.io/t/text-disappears-when-max-height/273294/4 "2023-07-19T14:06:36Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![rpetribu](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/rpetribu/32/90852_2.png) [@rpetribu](https://forum.bubble.io/u/rpetribu)\
**Post date:** [July 19, 2023, 4:41pm UTC](https://forum.bubble.io/t/text-disappears-when-max-height/273294/5 "2023-07-19T16:41:39Z")

</div>

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

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

---

<div class="post-metadata">

**Author:** ![cvnfortnite](https://avatars.discourse-cdn.com/v4/letter/c/67e7ee/32.png) [@cvnfortnite](https://forum.bubble.io/u/cvnfortnite)\
**Post date:** [July 19, 2023, 5:05pm UTC](https://forum.bubble.io/t/text-disappears-when-max-height/273294/6 "2023-07-19T17:05:49Z")

</div>

![Screenshot 2023-07-19 at 19.04.51](https://us1.discourse-cdn.com/bubble/original/3X/4/a/4a669fc0cadab6b24e85b88508b65ee6bce0d59a.png)  
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

---

<div class="post-metadata">

**Author:** ![rpetribu](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/rpetribu/32/90852_2.png) [@rpetribu](https://forum.bubble.io/u/rpetribu)\
**Post date:** [July 19, 2023, 8:02pm UTC](https://forum.bubble.io/t/text-disappears-when-max-height/273294/7 "2023-07-19T20:02:08Z")

</div>

This is ODD…

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

---

<div class="post-metadata">

**Author:** ![cvnfortnite](https://avatars.discourse-cdn.com/v4/letter/c/67e7ee/32.png) [@cvnfortnite](https://forum.bubble.io/u/cvnfortnite)\
**Post date:** [July 19, 2023, 8:10pm UTC](https://forum.bubble.io/t/text-disappears-when-max-height/273294/9 "2023-07-19T20:10:30Z")

</div>

![Screenshot 2023-07-19 at 22.09.24](https://us1.discourse-cdn.com/bubble/original/3X/1/5/15e172f6dbb15c2c3e016c2727aaecddb8fb1d55.png)  
uhm kinda works now? im confused. included condition  
\*\*

---

<div class="post-metadata">

**Author:** ![rpetribu](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/rpetribu/32/90852_2.png) [@rpetribu](https://forum.bubble.io/u/rpetribu)\
**Post date:** [July 19, 2023, 8:46pm UTC](https://forum.bubble.io/t/text-disappears-when-max-height/273294/10 "2023-07-19T20:46:09Z")

</div>

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. 😉

---

<div class="post-metadata">

**Author:** ![cvnfortnite](https://avatars.discourse-cdn.com/v4/letter/c/67e7ee/32.png) [@cvnfortnite](https://forum.bubble.io/u/cvnfortnite)\
**Post date:** [July 20, 2023, 8:49am UTC](https://forum.bubble.io/t/text-disappears-when-max-height/273294/11 "2023-07-20T08:49:48Z")

</div>

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