HTML Import causes collapsed output cells on Chrome.

Using the html magic to perform an HTML import causes output cells to collapse on reload of the notebook in Chrome (Firefox and Safari are ok). In my notebook, I've created a simple HTML file that I am then importing into a notebook, using the native HTML import functionality available in Chrome. Running the cell and reloading the page causes any cells that had previously been run to be displayed collapsed.
1. Create a simple html file in the notebook
New -> Text File (Set name as filetoimport.html)
Contents:
`

console.log('HTML Import succeeded.');

`
2. Create a new IPython notebook and add following cells:

3. Run all the cells
4. Save the notebook.
5. Reload the notebook.
6. Notice that cell 1 displays correctly but cells 2 and 3 are collapsed and do not show the contents.

I've tried the above scenario on Safari and Firefox with the additional step of including the web-components polyfill and those browsers do not exhibit the same issue.

I did a brief comparison in the styling of the DOM between when the cells display correctly and when they don't and found that some of the inline element styling in the code-mirror DOM elements is different.

Here is the inline styling when cells are displayed correctly:

And here is what it looks like when cells get collapsed on reload: