title: Super slow rendering in chrome
body: <p>Why it renders so slow?</p>
  
  <p><a href="https://jsfiddle.net/g3xf5hyy/" rel="nofollow">https://jsfiddle.net/g3xf5hyy/</a></p>
  
  <p>In IEa and Firefox it works super fast.</p>
  
  <pre><code>  .xxx {
      padding: 6px;
      border: 1px solid silver;
      background-color: #f7f7f7;
      color: #333;
      max-height: 500px;
      overflow-y: auto;
      overflow-x: hidden;
      word-wrap: break-word;
      word-break: break-all;
      overflow-wrap: break-word;
    }
  
  
  
  
  
  &lt;div&gt;
  
  
    &lt;div&gt;
  
      &lt;div&gt;
  
        &lt;div class="xxx"&gt;
  very-long-line-without-any-line-breaks-thousands-of-chars
      &lt;/div&gt;
  
  
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>