I've just discovered that Draggable will clash with contenteditable="true" elements in a way that:
it sometimes puts edit cursor at the beginning of the editable element
most of the time it prevents editable content to be edited, except when it contains clickable elements, like A, INPUT, BUTTON...
Example: http://jsfiddle.net/9j2r56md/
... in the example, there are 2 boxes, both enhanced via Froala Editor which basically just adds a DIV with contenteditable="true". First div has data-clickable="true" on the draggable container DIV, so the DIV is not draggable but the issue is still visible. The second one has an additional strange behaviour, as it starts to drag the box when the contenteditable="true" element is clicked.
An updated version is available here that just adds one extra DIV with contenteditable="true" only, so it's obvious that it's not a Froala thing: http://jsfiddle.net/9j2r56md/1/