title: How to reset a div w Contenteditable after blur / focusOut
body: <p>please see the following:</p>
  
  <p><a href="http://jsfiddle.net/8sq2w/" rel="nofollow noreferrer">http://jsfiddle.net/8sq2w/</a></p>
  
  <p>Problem:</p>
  
  <ol>
  <li>Focus in the item</li>
  <li>Highlight the text and move the cursor all the way to the right</li>
  <li>Focus out of the item</li>
  <li>Note how the item is now stuck at the end, broken</li>
  </ol>
  
  <p>Problem:</p>
  
  <p><img src="https://i.stack.imgur.com/ddqDe.png" alt="enter image description here"></p>
  
  <p>How can you reset on blur so you see the front of the div content?</p>
  
  <p>Desired after focus:</p>
  
  <p><img src="https://i.stack.imgur.com/55hpt.png" alt="enter image description here"></p>
  
  <p>Thanks</p>