Long text doesn't wrap in XS

I Need Help
13

It seems that this was discussed back in 2017, and @Norm felt some people might want to the non-breaking spaces so he did not do anything in Blocs to eliminate them. Curious why people would want them since they mess up the word spacing pretty badly in XS. Hmmm…

It is possible to use JavaScript to zap those wicked NBSPs into oblivion, but you would need to add that on every page where you have text, and of course that JS would slow things down a tad (perhaps not noticeable) on the browser side. Personally, I’d like a preference setting in Blocs to eliminate them before the HTML files are generated!

Anyway, below is the code I tested that replaces the NBPSs with normal spaces. It seems to improve things a bit when viewing in XS. Replace #bloc-14 with whatever your Bloc ID is or instead use document to zap those naughty NBPSs from all the blocs on the page.

<script>
function removeNbsp($el) {
  $el.contents().each(function() {
    if (this.nodeType === 3) {
      this.nodeValue = this.nodeValue.replace(/\u00A0/g, ' ');
    } else {
      removeNbsp( $(this) );
    }
  });
}
removeNbsp( $('#bloc-14') );
<script>

I’ve updated my web page with that code.

1 Like