Yeah so this is only valid when there are spaces in the text. If there are none this won’t do it’s job. I also need the width to be like 25% and not fixed with pixels. This also shows really weird behaviour.
In the editor everything looks fine but once I view it outside the edtitor in my /version-test/ it just makes the text invisible which is really weird.
That means it needs to be truncated to a set amount of charachters if I’m right? And that is not what I want, I need it to work in a responsive way with a max width of 20% so to say.
This is an annoying (and bizarre) property of the Bubble text element… (if contiguous text is too long to fit in a Text element Bubble just ignores it completely, as if it doesn’t exist, and leaves the text element empty.)
Unfortunately there is no native workaround for this (that I know of).
So whenever I need to truncate Contigous text (such as a long URL), which to be honest is fairly often (this is not an unusual requirement), I just ditch Bubble’s Text element completely and use custom HTML to do it.
That way you can have full control over how it displays.