title: Don't lose focus when clicking another element
body: <p>I am coding a small "in-place-editor" for a project, but ran into two problems with keeping the focus and bluring. I made a fiddle to explain my problem better:</p>
  
  <p><a href="http://jsfiddle.net/distractedBySquirrels/ufbtC/" rel="nofollow">http://jsfiddle.net/distractedBySquirrels/ufbtC/</a></p>
  
  <p>(1) When you click inside an <code>contenteditable</code> element, a small toolbar appears. When clicking the toolbar the element, which is currently under editing loses focus for a short time. Is there a way to circumvent that? (It's actually rather an UX problem)</p>
  
  <p>(2) The toolbar should disappear when <code>blur</code>. But this causes the toolbar to not work. If you click something on the toolbar the <code>blur</code> event occurs... what is the (kinda) best practice to not blur when a user is clicking the toolbar?</p>
  
  <p>Thanks in advance,</p>
  
  <p>Sebastian</p>