UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.115 Safari/537.36

Steps to reproduce the problem:

A span element is created and it is made editable using the property contenteditable = "true".
On launching ,in order to attain the cursor at the span element to edit, an &nbsp along with newlines before and after it are given to it in that span element.
When the focus is given to it using the javascript .focus() function, the cursor appears but the user is not able to make any changes using the keyboard(typing).
for example as shown in this fiddle Fiddle 1 -> https://jsfiddle.net/skmztbqx/

This scenario when replicated but this time there are no leading or trailing newline characters for   in the span element, then on giving the focus using the javascript .focus() method, the cursor appears and the editing can be done as expected as shown in the Fiddle 2-> https://jsfiddle.net/4rajbg4q/.

This is a Chrome 59 specific issue 
This had been working fine in the 58 version of chrome.

What is the expected behavior?
The editing should be allowed irrespective of the presence of newline characters before and after of &nbsp.

What went wrong?
The editing cannot be done in the span element with leading and trailing newline characters of    

Did this work before? Yes 58

Does this work in other browsers? Yes

Chrome version: 59.0.3071.115  Channel: stable
OS Version: 10.0
Flash Version: