Я пишу небольшой «редактор на месте» для проекта, но столкнулся с двумя проблемами с сохранением фокуса и размывания. Я сделал скрипку, чтобы лучше объяснить свою проблему:

http://jsfiddle.net/distractedBySquirrels/ufbtC/

(1) Когда вы нажимаете внутриcontenteditable элемент, появляется небольшая панель инструментов. При нажатии на панель инструментов элемент, который в данный момент редактируется, теряет фокус на короткое время. Есть ли способ обойти это? (На самом деле это скорее проблема UX)

(2) Панель инструментов должна исчезнуть, когдаblur, Но это заставляет панель инструментов не работать. Если вы нажмете что-то на панели инструментовblur событие происходит ... что является (своего рода) лучшей практикой, чтобы не размыть, когда пользователь нажимает на панель инструментов?

Заранее спасибо,

Себастьян