Ellipsis/Break-word text with no spaces overflowing container width

[anon65040322]

This works well for multiple lines

 width: 260px; word-wrap: break-word;

This is only really good for single line:

  width: 260px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;

Truncate String with Ellipsis | CSS-Tricks

Pure CSS for multiline truncation with ellipsis – Hacking UI

How do I make a text go onto the next line if it overflows?

Text Exceeding Bounds - Is this a bug?

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 [image] In Preview [image] I have it set to “cut off content if element is not tall enough”

BUG: Text Overflowing Bounds from Text Boxes

It seems ever since the recent update with the text boxes, the text now flows over the bounds of the text box. So if a word like “prototype” doesnt fit, it use to crop off. Now it just flows over. This is solved with i guess adding oveflow:hidden to each object, but it did not use to do that. It use to add (…) and or cut it off on it’s own when selecting the cut off content option [tempsnip]

[anon65040322]