title: Issue with "white-space: nowrap" on Chrome 78.0.3904.70
body: <p>Since the release of Chrome v78.0.3904.70, I am seeing issues with using <code>&amp;nbsp;</code> with the CSS property <code>white-space: nowrap;</code>. The non-breaking space seems to cause a line break. When using <code>text-overflow: ellipsis</code>, the actual text will not display as it is broken outside of the container. Only seems to happen if the text is too long to display.</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-css lang-css prettyprint-override"><code>.box-inline {
      max-width: 120px;
      overflow: hidden;
      height: 16px;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      white-space: nowrap;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="mar-rgt box-inline text-sm"&gt;&lt;span class="label" style="background: rgb(176, 223, 246);"&gt;&lt;/span&gt;&amp;nbsp;Not meeting expecations&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="https://i.stack.imgur.com/GA8t9.png" rel="noreferrer"><img src="https://i.stack.imgur.com/GA8t9.png" alt="enter image description here"></a></p>
  
  <p>It's causing a few display problems on our applications. Is this a bug or is there something wrong with my code?</p>
  
  <p>This code is being rendered in React 16.</p>