title: lodash - truncate function returns wrong result
body: <p>Lodash <a href="https://lodash.com/docs/4.17.5#truncate" rel="nofollow noreferrer">_.truncate</a> function returns a wrong result with the following snippet where a long HTML string is used in the <code>omission</code> parameter. </p>
  
  <p>I wonder if there is something I am not doing correctly or if the problem lays in the library itself.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var string = "In publishing and graphic design, lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document without relying on meaningful content. Replacing the actual content with placeholder text allows designers to design the form of the content before the content itself has been produced."
      
  var omission = '&lt;span data-toggle="popover" data-placement="top" data-trigger="hover" data-html="true" data-content="In publishing and graphic design, lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document without relying on meaningful content. Replacing the actual content with placeholder text allows designers to design the form of the content before the content itself has been produced."&gt;&amp;nbsp&lt;a href="javascript:void(0)"&gt;[...]&lt;/a&gt;&lt;/span&gt;'
      
  var truncated = _.truncate(string, {length: 150, separator: /,? +/, omission: omission});
  
  console.log(truncated)
      </code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdn.jsdelivr.net/npm/lodash@4.17.5/lodash.min.js"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Output contains only the omission variable, not the first 150 chars of the string</p>
  
  <p><strong>Expected output:</strong></p>
  
  <pre><code>'In publishing and graphic design, lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document without relying on&lt;span data-toggle="popover" data-placement="top" data-trigger="hover" data-html="true" data-content="In publishing and graphic design, lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document without relying on meaningful content. Replacing the actual content with placeholder text allows designers to design the form of the content before the content itself has been produced."&gt;&amp;nbsp&lt;a href="javascript:void(0)"&gt;[...]&lt;/a&gt;&lt;/span&gt;'
  </code></pre>