UserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.139 Safari/537.36

Steps to reproduce the problem:
I have an editable container with various uneditable spans inside, when I try to move with a cursor between the first two spans with the right arrow this disappears, with the left arrow it works. It's a problem that I found only with Chrome, Safari works correctly. I tried using the window.getSelection() object on the keyDown event to find out if the cursor is before the span and move it, but there was no way.
I found a solution adding a space inside the span, at the end of the text and another after each span.

But this solution is not acceptable because when I retrieve the text inside the div I have some extra spaces.

https://jsfiddle.net/riccio82/5qf0jhak/6/

What is the expected behavior?

What went wrong?
When I try to move with a cursor between the first two spans with the right arrow this disappears, with the left arrow it works.

Did this work before? No 

Chrome version: 66.0.3359.139  Channel: n/a
OS Version: 
Flash Version: 

https://stackoverflow.com/questions/51496575/move-the-cursor-with-the-right-arrow-between-two-uneditable-span-inside-an-edita