Text Exceeding Bounds - Is this a bug?

[dave2]

Hi,

I have a text box that is supposed to pull the name of a file uploaded and display it… However if a file name is too long it allows the name to exceed the bounds of the text box, containing group, etc.

And! Most importantly it isn’t responsive… The text goes completely off the screen on mobile.

In Editor

In Preview

I have it set to “cut off content if element is not tall enough”

[sridharan.s]

Looks like a bug to me. Probably best to submit it as a bug.

[stavvit]

Make sure that this text box is really inside the appropriate container. You can check it with Select parent dropdown.

Or by selecting parent in the Responsive mode (in the bottom right corner after selecting the text element).

[stavvit]

I think that it’s due to the absence of any space in the filename. System doesn’t cut off the text inside the word. And you have some kind of one word.
I see two ways how to deal with it.

1. Opt out the “Cut off content if too tall” option but double or triple the height of text element.
2. Use :truncated to operation with the text.

[dave2]

Ahhh :truncated to helps me a ton! thanks so much @stavvit! I was looking for something like that…Didn’t know what to call it.