UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/57.0.2987.88 Safari/537.36

Steps to reproduce the problem:
1. Create adjacent whitespace nodes. For example: `<div>a<!-- --> <!--
 -->b</div>`
2. Apply the style `display: none` to their wrapper.
3. Render the DOM

What is the expected behavior?
That whitespace is preserved. You would see `a b`.

What went wrong?
The whitespace is deemed insignificant by the rendering engine, and instead `ab` is rendered.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 57.0.2987.88  Channel: beta
OS Version: OS X 10.11.6
Flash Version: 

Issue was noted when using Ember.js. Like many other JS libraries, it creates text nodes for each dynamic bit. Reproduction with Ember:

* https://ember-twiddle.com/6a6c178c30879d3455e84cf98b96c517?openFiles=styles.app.css%2C

However the issue can be more easily replicated by using comments to create a white space text node between the significant text:

* https://jsfiddle.net/9sgzs516/

Discovered in Chrome 57, reproduced in Chrome 56. Not replicated in Safari 10 or Firefox 49.