This just seems like it should be so simple. Chrome under Linux.
The following HTML:
<div contenteditable="true">
test
<div style="display: inline-block;">
<div style="font-weight: bold">Click here. Why does down arrow now work?</div>
</div>
test
<div>
test
<div style="display: inline-block;">
<div style="font-weight: bold">TEST2</div>
</div>
Click mouse here and press up arrow in chrome? Why does it not go up?
</div>
</div>
See http://jsfiddle.net/tSkj9/
This causes the UP and DOWN arrows to fail.
Why?
If I set it to block, up and down arrows work. Instead they move the cursor side to side by a few characters repeatedly.
I'm assuming it has something to do with inline-block in a contenteditable.
Browser bug or am I missing something about inline-block?