[css-text-overflow:ellipsis] option to only insert ellipsis at word boundaries.

[aghassemi]

Currently both text-overflow:ellipsis and line-clamp CSS properties can clip words in the middle and insert ellipsis in the middle of a word.

This can result in inappropriate words being show to the users.

Having an option to only allow clipping at word boundaries can eliminate this problem. This can leave extra whitespace at the end, but might be an acceptable trade off.

For example:
Instead of:

-------------------
Lorem ipsum do... |
-------------------

one may prefer:

-------------------
Lorem ipsum ...   |
-------------------

[frivoal]

text-overflow does indeed insert the ellipsis "anywhere", but for line-clamp the placement of the ellipsis is limited to soft wrap opportunities, which by default (in languages like English which use spaces between words) match with word boundaries. So for line-clamp, the specified behavior is already the requested behavior here.

For text-overflow, it is not, and it seems tempting. But text-overflow and line-clamp work kind of differently, and text-overflow is a paint time effect over overflowing content, not a truncation of content. I'm not sure how well that would work with the proposal here. For instance, what happens when you start scrolling? How would that work with the two values for each side of the line defined in level 4? https://drafts.csswg.org/css-overflow-4/#text-overflow