Single-line single word not clamping and overflowing it's container.

[coduder]

with reference to #45 i think width clamping would be useful at least as a property that can be passed to the component. I understand if that wasn't the original usecase for the component, but multiple people have asked for it and it would be nice to not have to use a different package because of this one usecase

i have tried using the 'word-break': 'break-all' approach outlined in in the above link, which just causes the entire line to clamp and show the ellipsis, which is also not ideal. You have solved a difficult problem here by having an easy to integrate with react-component package that solves the multi-line ellipsis text problem well, except for this one case.

[coduder]

Actually i'm an idiot,

If your maxLine=1 and your line is made up of one word unbroken by a space (like say a veryyy long e-mail), you should set the basedOn="letters" property and then the style={{ 'word-break': 'break-all'}}. This will effectively break your single word at whichever character it overflows, which will allow this component to effectively clamp it.