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).

Parents
  • 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;

    with

    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.

  • I went through format-content.less and mixins.less and made adjustements (thre was more than 2 in format-content.less, but no change - even after clearing cache.

    Our only other option is to reduce font size/weight so it is not as prominent, but that is not particularly desirable.

Reply Children