Is there a fix for the word wrapping mid word

In this sample (from the Telligent Community site), the thread title wraps in the middle of the word.  This is happening in our Dev environment (we are upgraded to V10 from V8.5) and it is highly disliked.  In V8.5, the wrapping occurs normally with full word wrapped to new line rather than the middle of the word.

Any fix for this?  I suspect this is a widget function but not sure.  Occurs in variety of areas (thread list, thread view).

  • This was logged as:

    and was fixed for the December service release of 10.1.

    The manual fix is to edit the format-content.less file in the Social site theme and replace:

    word-break: break-all;


    word-wrap: break-word;

    There should be 2 occurrences.

    Additionally, in mixins.less, you can edit the rule:

    .hyphenate {
      	word-wrap: break-word;
     	-webkit-hyphens: auto;		
     	-moz-hyphens: auto;		
     	hyphens: auto;		

    to be just:

    .hyphenate {
        word-wrap: break-word;

    and publish these changes. This will resolve the issue. There were some other changes to enable better word wrapping in other areas, but these two changes will prevent the aggressive word breaking.

  • Our Dev environment is on  You cannot edit within custom CSS?  You have to edit in the format-content.less?

Reply Children